課程
/前端開發
/HTML/CSS
/網頁布局基礎
視頻中說道“img標簽是一個行內元素,所以可以設置margin。”這句話不對吧。只有塊級元素設置margin才有效啊。只不過<a>和<img>是特別情況,margin和padding屬性對齊有效。
2016-03-15
源自:網頁布局基礎 2-2
正在回答
剛剛上一節講到了,塊級元素和行級元素都屬于盒子模型,所以是可以設置margin、padding等上下左右的屬性的
嘎子012
塊級元素的垂直相鄰外邊距會合并,而行內元素實際上不占上下外邊距。行內元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負的外邊距值,不過使用時要小心
剛剛上網查了以下,發現行內元素的margin要更細分。細分為行內替換元素和行內非替換元素。
對于行內替換元素,margin和padding會影響齊上下左右的4個方向。
而非替換元素margin則只會影響齊左右兩個方向。但行內非替換元素無法設置padding。
因為非替換元素的line-height是被指定的,但line-height不受margin-top/bottom的影響,同時由于背景是透明的所以margin-top/bottom沒有任何可見的效果。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-18
剛剛上一節講到了,塊級元素和行級元素都屬于盒子模型,所以是可以設置margin、padding等上下左右的屬性的
2016-03-15
塊級元素的垂直相鄰外邊距會合并,而行內元素實際上不占上下外邊距。行內元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負的外邊距值,不過使用時要小心
2016-03-15
剛剛上網查了以下,發現行內元素的margin要更細分。細分為行內替換元素和行內非替換元素。
對于行內替換元素,margin和padding會影響齊上下左右的4個方向。
而非替換元素margin則只會影響齊左右兩個方向。但行內非替換元素無法設置padding。
因為非替換元素的line-height是被指定的,但line-height不受margin-top/bottom的影響,同時由于背景是透明的所以margin-top/bottom沒有任何可見的效果。