前不久在写html时遇到一个很奇怪的问题,表格中的<td>标签宽度属性不起作用,例如下面的代码:
- <table border=1px cellspacing="0" cellpadding="0">
- <tr>
- <td width=100px>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td>
- </tr>
- </table>
<td>标签中的宽度属性不起作用,显示效果为:
然后再网上搜了搜,尝试了各种方法,诸如设置word-wrap,但都没有效果,最后尝试了下面的方法:将内容放置在<div>中,通过限制div的宽度来限制td的宽度。
- <table border=1px cellspacing="0" cellpadding="0">
- <tr>
- <td>
- <div style="width:100px;overflow:hidden">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
- </td>
- </tr>
- </table>
效果如下:
尽管手段不是很正规,但不管怎么样,总算行了
转载于:https://blog.51cto.com/jupiterbee/844500