html表格寬度控制的方法

大家知道怎麼做好html表格寬度嗎?下面我們就給大家詳細介紹一下吧!

1,使用傳統的方法
<table width="400"> 
<tr> 
<td width="100"></td> 
<td width="100"></td> 
<td width="100"></td> 
<td width="100"></td> 
</tr> 
<table> 
2,使用css
<style>
.td{width:100px;}
</style>
<table width="400"> 
<tr> 
<td class="td"></td> 
<td class="td"></td> 
<td class="td"></td> 
<td class="td"></td> 
</tr> 
<table>
以上兩種方法可能出現的問題就是,如果內容超過設定,如圖片寬度大於100,會自然撐開,自動調節表格寬度

3,用css
<style>
.td{width:100px;overflow:hidden}
</style>
<table width="400"> 
<tr> 
<td class="td"></td> 
<td class="td"></td> 
<td class="td"></td> 
<td class="td"></td> 
</tr> 
<table>
用這種方法,可以把超過的部分隱藏掉,如果需要嚴格控制的話,可以采用這種方法,如果把overflow的屬性值設置成scroll或者auto的話,可以在超過的時候使用滾動條調節....

相信大家已經學會html表格寬度了吧!感謝大家對我們網站的支持!

相關推薦：

html表格跨列代碼介紹