一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

syntaxhighlighter中代码撑大页面的问题解决方法

时间:2015-07-22 编辑:简简单单 来源:一聚教程网

在使用ueditor作为web编辑器时,如果插入代码过长存在代码将页面撑大的可能,在经过一番调试后发现用以下代码可以避免这种情况。


.syntaxhighlighter {table-layout: fixed;}
.syntaxhighlighter td.gutter {!important;}
td.code div.container {overflow-x:auto !important;}
td.code div.container div.line {white-space:nowrap;}

这样不用管代码模块还能随着页面的变大缩小自动适应,关键在外层table的

table-layout: fixed;

上。

注:我用的ueditor版本为1.4.3。

热门栏目