UEditor富文本编辑器中涉及到表格和代码块当宽度过长的情况,在移动设备上或者低分辨率设备上显示时经常会撑破列宽,影响美观和客户体验。以下将介绍如何解决UEditor中表格和代码块宽度过长问题。
UEditor表格宽度过长撑破列宽的解决方法:
<table style="table-layout: fixed;" border="1" width="100%">
通过上述代码,即可实现UEditor表格宽度在移动端的自适应。
UEditor代码块宽度过长撑破列宽的解决方法:
.syntaxhighlighter div.container code{
word-break:break-all !important;
white-space:normal;
}
添加以上CSS代码,即可实现UEditor代码块宽度在移动端的自适应。