现在在HTML 5/CSS 3中，我们有了更好的解决方案。在我看来，这个纯粹的CSS解决方案是建议的： ​ table.fixed {table-layout:fixed; width:90px;}/*Setting the table width is important!*/ table.fixed td {overflow:hidden;}/*Hide text outside the cell.*/ table.fixed td:nth-of-type(1) {width:20px;}/*Setting the width of column 1.*/ table.fixed td:nth-of-type(2) {width:30px;}/*Setting the width of column 2.*/ table.fixed td:nth-of-type(3) {width:40px;}/*Setting the width of column 3.*/ <table class="fixed"> <tr> <td>Veryverylongtext</td> <td>Actuallythistextismuchlongeeeeeer</td> <td>We should use spaces tooooooooooooo</td> </tr> </table> ​只需像这样修改代码： table.fixed { table-layout:fixed; width:90px; word-break:break-all;} 结果 ​ [JU8ZE.png] ​... 展开详请

现在在HTML 5/CSS 3中，我们有了更好的解决方案。在我看来，这个纯粹的CSS解决方案是建议的： ​ table.fixed {table-layout:fixed; width:90px;}/*Setting the table width is important!*/ table.fixed td {overflow:hidden;}/*Hide text outside the cell.*/ table.fixed td:nth-of-type(1) {width:20px;}/*Setting the width of column 1.*/ table.fixed td:nth-of-type(2) {width:30px;}/*Setting the width of column 2.*/ table.fixed td:nth-of-type(3) {width:40px;}/*Setting the width of column 3.*/ <table class="fixed"> <tr> <td>Veryverylongtext</td> <td>Actuallythistextismuchlongeeeeeer</td> <td>We should use spaces tooooooooooooo</td> </tr> </table> ​只需像这样修改代码： table.fixed { table-layout:fixed; width:90px; word-break:break-all;} 结果 ​ [JU8ZE.png] ​... 展开详请