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表格固定大小呢