html表格table显示的宽度超出界面的解决方法

方法一： 加横向滚轮

 <div style="width: 100%; overflow:auto;">
      <table style="width: 100%">
      </table>
 </div>

方法二： 文本过长换行

 <div style="width: 100%;">
      <table style="width: 100%; table-layout: fixed; word-break: break-all;">
      </table>
 </div>

tableLayout 属性用来显示表格单元格、行、列的算法规则 —— fixed：列宽由表格宽度和列宽度设定；默认值为：automatic，表示列宽度由单元格内容设定。

word-break 属性规定自动换行的处理方法 —— break-all表示允许在单词内换行。