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