html 控制<td>标签的宽度

前不久在写html时遇到一个很奇怪的问题,表格中的<td>标签宽度属性不起作用,例如下面的代码:

  1. <table border=1px cellspacing="0" cellpadding="0"> 
  2. <tr> 
  3. <td width=100px>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td> 
  4. </tr> 
  5. </table> 

<td>标签中的宽度属性不起作用,显示效果为:

然后再网上搜了搜,尝试了各种方法,诸如设置word-wrap,但都没有效果,最后尝试了下面的方法:将内容放置在<div>中,通过限制div的宽度来限制td的宽度。

  1. <table border=1px cellspacing="0" cellpadding="0"> 
  2. <tr> 
  3. <td> 
  4. <div style="width:100px;overflow:hidden">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> 
  5. </td> 
  6. </tr> 
  7. </table> 

效果如下:

尽管手段不是很正规,但不管怎么样,总算行了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章