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