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> 

效果如下:

儘管手段不是很正規,但不管怎麼樣,總算行了

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