課程
/前端開發
/HTML/CSS
/CSS深入理解之line-height
實際做出來的和老師講的不一樣,p標簽里插入圖片后并沒有出現間隙,只有在p標簽內圖文混排的時候才會出現,后面的課里圖片垂直居中的情況也一樣,只有.box里是圖文混排時才有效,只加入圖片時無效
2015-06-19
源自:CSS深入理解之line-height 5-1
正在回答
我覺得是這樣的:
<p>
? <img />
</p>
與<p><img /></p>不同,前者有回車,html默認會認為是空格,也就是老師所講的,是一個空白文本結點,
慕神6115920
老師講得沒錯,不管有沒有文本都貌似一個奇怪的隱藏結點作祟,這個可是css的經典問題,比如這個demo;
題主不妨也show一下demo~
舉報
帶領大家深入理解line-height的定義,還有實際應用經驗分享
2 回答我怎么實現不了圖片垂直居中呢,按照老師的代碼做的呢
1 回答為什么我用span實踐出的效果與老師不同?
3 回答height:36px; line-height:36px; 這樣寫的時候通常是為了后面的ovflow:hidden做的,溢出隱藏,老師對于這個是不是有精簡的做法,待回復。
4 回答能不能講的時候演示一下啊
1 回答視頻加載不出來
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-09-17
我覺得是這樣的:
<p>
? <img />
</p>
與<p><img /></p>不同,前者有回車,html默認會認為是空格,也就是老師所講的,是一個空白文本結點,
2015-07-31
老師講得沒錯,不管有沒有文本都貌似一個奇怪的隱藏結點作祟,這個可是css的經典問題,比如這個demo;
題主不妨也show一下demo~