課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么加了這個(gè)padding-bottom:0px;之后，文字不會(huì)貼著這歌線呢?
2017-02-08
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-7
正在回答
文字不會(huì)貼著虛線的是你高度的設(shè)定值的原因，你對(duì)li設(shè)置了邊框高度為30px，雖然css樣式里只是讓邊框顯示了下邊框，但它的高度值仍然是30px，從文字頂部到下邊框的距離仍為30px，所以文字不會(huì)貼著下邊框線，你可以改變height的值觀察一下
li{
? ? border-bottom:1px dotted #ccc;
? ? width:200px;
? ? height:30px;
? ? position:relative;
}
span{
? ? position:absolute;
? ? bottom:0;
? <li><span>別讓不會(huì)說(shuō)話害了你</span></li>
那個(gè)是li元素的格式，而不是文字的格式
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
5 回答盒模型問題
3 回答盒模型的問題
2 回答盒模型--邊界問題
3 回答盒模型-邊界問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-02-13
文字不會(huì)貼著虛線的是你高度的設(shè)定值的原因，你對(duì)li設(shè)置了邊框高度為30px，雖然css樣式里只是讓邊框顯示了下邊框，但它的高度值仍然是30px，從文字頂部到下邊框的距離仍為30px，所以文字不會(huì)貼著下邊框線，你可以改變height的值觀察一下
2017-02-08
li{
? ? border-bottom:1px dotted #ccc;
? ? width:200px;
? ? height:30px;
? ? position:relative;
}
span{
? ? position:absolute;
? ? bottom:0;
}
? <li><span>別讓不會(huì)說(shuō)話害了你</span></li>
2017-02-08
那個(gè)是li元素的格式，而不是文字的格式