表格内容超出自动换行

                                            <table class="text"&gt;<tbody><tr class="li1"&gt;

<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13

内容长短的变化导致布局混乱的情况，这个时候我们可能会有为了布局稳定把单元格宽度写死的情况；但是我们设置了宽度却发现超出了宽度之后会自动变大，用css定义元素的overflow:hidden;属性也不行；最后找的的解决方案如下：       table{                     table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */       }       td{           width:100%;           word-break:keep-all;/* 不换行 */           white-space:Nowrap;/* 不换行 */           overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */           text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/       }  

原文地址：https://www.jb51.cc/wenti/420903.html