css实现不再让内容把td撑开的常用解决方法

当前位置 : 首页 > 网页制作 > CSS > css实现不再让内容把td撑开的常用解决方法

css实现不再让内容把td撑开的常用解决方法

来源: 作者: 时间:2015-11-05 11:49
内容把td撑开的情况想必大家都有遇到过吧,解决方法有很多,下面本文为大家介绍下一种常见的解决方法,感兴趣的朋友可以参考下哈,希望对大家有所帮助
内容把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>ddddddddddddddddddddddddddddddfsljdflsajufiajklsjadflkjsalkfdjdsklajdflksajflksajfdlkdsjdflksjfjldskajdflksajflskajf</td>
<td width="30%">dd</td>
</tr>
</table>
Tag:
网友评论

<