課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
不是說內聯元素不能設置邊距的嘛?我看好多實例也是怎么做的 直接設置內邊距 而且沒有把內聯元素轉為內聯塊。。
2016-04-15
源自:初識HTML(5)+CSS(3)-升級版 12-3
正在回答
可能是你用到了內聯元素中的可替換元素來測試的,也叫置換元素,在w3c的標準中有解釋,他們對padding和margin的設置均有效,另外的不可替換元素則對padding和margin沒有垂直效果,比如padding-bottom并不存在,但是影響了border的樣式.
我發現padding是可以用,而且上下左右都可以,但margin就只有左右沒有上下了
估計是 你看到的 內聯元素 ?樣式里 加了 ?display:block;吧
div這樣的塊級元素,就會自動占據一定矩形空間,可以通過設置高度、寬度、內外邊距等屬性,來調整的這個矩形的樣子;與之相反,像“span”這樣的行內元素,則沒有自己的獨立空間,它是依附于其他塊級元素存在的,因此,對行內元素設置高度、寬度、內外邊距等屬性,都是無效的。(內邊距padding上下無效,左右有效。)
莫思0
個人理解:padding就是內容,一旦設置了,那么塊元素里面的內容元素就會有效果
disdain
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答內聯元素為啥設置內外邊距都有效果??
2 回答內聯式為什么沒有效果
2 回答內聯塊狀元素和塊狀浮動的效果有什么區別
2 回答給div設置元素為什么沒有效果
1 回答padding效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-13
可能是你用到了內聯元素中的可替換元素來測試的,也叫置換元素,在w3c的標準中有解釋,他們對padding和margin的設置均有效,另外的不可替換元素則對padding和margin沒有垂直效果,比如padding-bottom并不存在,但是影響了border的樣式.
2016-06-14
我發現padding是可以用,而且上下左右都可以,但margin就只有左右沒有上下了
2016-04-19
估計是 你看到的 內聯元素 ?樣式里 加了 ?display:block;吧
2016-04-19
div這樣的塊級元素,就會自動占據一定矩形空間,可以通過設置高度、寬度、內外邊距等屬性,來調整的這個矩形的樣子;
與之相反,像“span”這樣的行內元素,則沒有自己的獨立空間,它是依附于其他塊級元素存在的,因此,對行內元素設置高度、寬度、內外邊距等屬性,都是無效的。(內邊距padding上下無效,左右有效。)
2016-04-15
個人理解:padding就是內容,一旦設置了,那么塊元素里面的內容元素就會有效果