課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之padding
為什么需要margin-left:12px?分割線
2016-10-09
源自:CSS深入理解之padding 1-1
正在回答
(1)padding設(shè)置了三個值 分別代表上 左右 下 邊距像素;
左右邊距像素之和為12px, 設(shè)置border-left 屬性后,分割線處于padding盒子最左側(cè);
所以用margin-left屬性,使分割線距左側(cè)有12個像素的距離,從而達到處于中間的目的。
(2)不可以使用margin左右各6px,
加了padding屬性后,分割線距左側(cè)0像素,距右側(cè)12個像素;
加上margin屬性后,padding盒子的左右 距離外圍各加了6個像素,就是說分割線距離左側(cè)有6像素,距離右側(cè)有18個像素,所以不會處于中間。
慕粉4321385
淺嘗輒止123 回復(fù) 慕粉4321385
慕粉4321385 回復(fù) 淺嘗輒止123
margin-left:12px;是設(shè)置了豎線到左邊文字的距離
舉報
本css視頻教程中,將深入介紹CSS中padding屬性的特點,常用特性
4 回答想問一下最后老師說的那個控制 中間豎線的長短
5 回答配合margin實現(xiàn)等高布局是怎么實現(xiàn)的?
1 回答li中使用margin-bottom:-1px并不能使最后一個li的下邊框被覆蓋掉,求解決
1 回答看張老師01:23分的代碼關(guān)于border-top的屬性設(shè)置
1 回答間距相關(guān)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-09
(1)padding設(shè)置了三個值 分別代表上 左右 下 邊距像素;
左右邊距像素之和為12px, 設(shè)置border-left 屬性后,分割線處于padding盒子最左側(cè);
所以用margin-left屬性,使分割線距左側(cè)有12個像素的距離,從而達到處于中間的目的。
(2)不可以使用margin左右各6px,
加了padding屬性后,分割線距左側(cè)0像素,距右側(cè)12個像素;
加上margin屬性后,padding盒子的左右 距離外圍各加了6個像素,就是說分割線距離左側(cè)有6像素,距離右側(cè)有18個像素,所以不會處于中間。
2016-10-09
margin-left:12px;是設(shè)置了豎線到左邊文字的距離