課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
制作課程表,表格寬度太窄
2016-10-04
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-1
正在回答
1,使用傳統(tǒng)的方法<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>以上兩種方法可能出現(xiàn)的問(wèn)題就是,如果內(nèi)容超過(guò)設(shè)定,如圖片寬度大于100,會(huì)自然撐開(kāi),自動(dòng)調(diào)節(jié)表格寬度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>用這種方法,可以把超過(guò)的部分隱藏掉,如果需要嚴(yán)格控制的話(huà),可以采用這種方法,如果把overflow的屬性值設(shè)置成scroll或者auto的話(huà),可以在超過(guò)的時(shí)候使用滾動(dòng)條調(diào)節(jié)....
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答如何設(shè)置表格寬度
3 回答設(shè)置border-bottom寬度?
3 回答如何輸入連續(xù)的英文寬度空格
3 回答定寬設(shè)置的寬度問(wèn)題
2 回答設(shè)置寬度的區(qū)別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-04
1,使用傳統(tǒng)的方法
<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>
以上兩種方法可能出現(xiàn)的問(wèn)題就是,如果內(nèi)容超過(guò)設(shè)定,如圖片寬度大于100,會(huì)自然撐開(kāi),自動(dòng)調(diào)節(jié)表格寬度
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>
用這種方法,可以把超過(guò)的部分隱藏掉,如果需要嚴(yán)格控制的話(huà),可以采用這種方法,如果把overflow的屬性值設(shè)置成scroll或者auto的話(huà),可以在超過(guò)的時(shí)候使用滾動(dòng)條調(diào)節(jié)....