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>

好了，html表格寬度內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

html表格背景色怎麼設置