css可以解决内容把td撑开的问题

发布时间:2019-12-02编辑:脚本学堂
使用表格的过程中经常遇到td被内容撑开,如何解决呢?方法有很多,下面文章给大家分享一种常见的解决方法,希望可以帮助到您。
复制代码 代码示例:

<style type="text/css">
table {width:600px;table-layout:fixed;}
td {white-space:nowrap;overflow:hidden;word-break:keep-all;text-overflow:ellipsis}
</style>
<table border=1 >
<tr>
<td width="30%">dd</td>
<td>aaaaaaaaaaaaaaaaafsljdflsajufiajklsjadflkjsalkfdjdsklajdflksajflksajfdlkdsjdflksjfjldskajdflksajflskajf</td>
<td width="30%">dd</td>
</tr>
</table>

上述例子怎么样?是不是很简单呢?感兴趣的话可以复制代码看看效果。