課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
BootStrap中的list-inline中為什么要margin-left: -5px;不是可能會對左側的相鄰元素有覆蓋嗎?謝謝
2015-05-26
源自:玩轉Bootstrap(基礎) 2-12
正在回答
第一個<li>的padding-left:5px使得多出去5個像素的空白
margin-left:-5px使得整體向左移動5個像素,正好抵消掉這5個像素的空白。
<ul>的margin-left:-5px與第一個<li>的padding-left:5px正好抵消,所以不會出現覆蓋的情況(因為多出去的5個像素本身就是第一個li留下的空白)。
怎么覆蓋? 所有的li一起向左移動5px 又不是只移動一個
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
2 回答.btn-block + .btn-block { margin-top: 5px; }
3 回答bootstrap標題上下margin值為什么不相同
5 回答為什么不用bootstrap中文網簡潔呢
2 回答.list-inline > li。這一句是什么意思來的
4 回答bootstrap設置的樣式margin-bottom: -1px;什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-23
第一個<li>的padding-left:5px使得多出去5個像素的空白
margin-left:-5px使得整體向左移動5個像素,正好抵消掉這5個像素的空白。
2015-08-26
<ul>的margin-left:-5px與第一個<li>的padding-left:5px正好抵消,所以不會出現覆蓋的情況(因為多出去的5個像素本身就是第一個li留下的空白)。
2015-06-03
怎么覆蓋? 所有的li一起向左移動5px 又不是只移動一個