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

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

.syntaxhighlighter {table-layout: fixed;}
.syntaxhighlighter td.gutter {width:30px !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。