最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
syntaxhighlighter中代码撑大页面的问题解决方法
时间：2022-06-25 19:38:52 编辑：袖梨 来源：一聚教程网
在使用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。