前不久在寫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>
效果如下:
儘管手段不是很正規,但不管怎麼樣,總算行了