强制table 不换行

table中强制不换行

总是一些文章说要强制换行，很少提到说如何不换行。

一般都会使用word-break: keep-all;使得强制不换行。

按 Ctrl+C 复制代码

按 Ctrl+C 复制代码

 

 

table { width : 100% ; border : 1px solid #999 ; }
table td { word-break :  keep-all ; }

 

 这在IE下可以用，但是在FireFox和Chrome下是无法达到预期效果的。

 

需要使用 white-space:nowrap;

table { width : 100% ; border : 1px solid #999 ; }
table td { word-break :  keep-all ; white-space : nowrap ; }

 

才能显示正常（或者说，不正常，因为会打破原有的布局，并且突破父级元素的宽度）。 

 

这年头什么奇特的想法都要去实现 …… 

 

 

 

 

---0101-0101-01-0111-0110-110-10011-------

如果，人生可以编码 ……