課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
制作課程表,表格寬度太窄
2016-10-04
源自:初識HTML(5)+CSS(3)-升級版 6-1
正在回答
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(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答如何設置表格寬度
3 回答設置border-bottom寬度?
3 回答如何輸入連續的英文寬度空格
3 回答定寬設置的寬度問題
2 回答設置寬度的區別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-04
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的話,可以在超過的時候使用滾動條調節....