課程
/前端開發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(基礎(chǔ))
為什么width要設(shè)置成1%
2015-07-21
源自:玩轉(zhuǎn)Bootstrap(基礎(chǔ)) 5-20
正在回答
我在別的地方看到 說是為了防止結(jié)構(gòu)塌陷 當(dāng)內(nèi)容為空時(shí) 給你一個(gè)思路 你可以照著找 我不確定對(duì)不對(duì)
我也想問
額 圖掛了? 看下面的吧
width值為0時(shí),如圖
width值為1%時(shí),如圖
width值為50%時(shí),如圖
width值為100%時(shí),如圖
width值為1%時(shí),padding值為0 50px,如圖
由此可得出結(jié)論(正確性有待驗(yàn)證),當(dāng)li屬性為table-cell時(shí),width起到限制表格寬度作用,padding值對(duì)表格之間的間距有效,至于 width為什么要設(shè)置為1%,我也不是很清楚,可能就是起到類似于(當(dāng)li的屬性為displady:block情況下的)padding的效果
在網(wǎng)上找了半天也沒搞清楚,之后改變了下width的值。
由此可得出結(jié)論(正確性有待驗(yàn)證),當(dāng)li屬性為table-cell時(shí),width起到限制表格寬度作用,padding值對(duì)表格之間的間距有效,至于width為什么要設(shè)置為1%,我也不是很清楚,可能就是起到類似于(當(dāng)li的屬性為displady:block情況下的)padding的效果
舉報(bào)
告訴你使用Bootstrap,并且能夠獨(dú)立定制出適合自己的Bootstrap
3 回答為什么 .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
2 回答@media(min-width:768px)
3 回答@media (min-width: 768px)
1 回答@media (min-width: 768px)
4 回答@media (min-width: 768px) 這個(gè)條件能改嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-01-14
我在別的地方看到 說是為了防止結(jié)構(gòu)塌陷 當(dāng)內(nèi)容為空時(shí) 給你一個(gè)思路 你可以照著找 我不確定對(duì)不對(duì)
2016-03-27
我也想問
2015-09-24
額 圖掛了? 看下面的吧
width值為0時(shí),如圖
width值為1%時(shí),如圖
width值為50%時(shí),如圖
width值為100%時(shí),如圖
width值為1%時(shí),padding值為0 50px,如圖
由此可得出結(jié)論(正確性有待驗(yàn)證),當(dāng)li屬性為table-cell時(shí),width起到限制表格寬度作用,padding值對(duì)表格之間的間距有效,至于 width為什么要設(shè)置為1%,我也不是很清楚,可能就是起到類似于(當(dāng)li的屬性為displady:block情況下的)padding的效果
2015-09-24
在網(wǎng)上找了半天也沒搞清楚,之后改變了下width的值。
width值為0時(shí),如圖
width值為1%時(shí),如圖
width值為50%時(shí),如圖
width值為100%時(shí),如圖
width值為1%時(shí),padding值為0 50px,如圖
由此可得出結(jié)論(正確性有待驗(yàn)證),當(dāng)li屬性為table-cell時(shí),width起到限制表格寬度作用,padding值對(duì)表格之間的間距有效,至于width為什么要設(shè)置為1%,我也不是很清楚,可能就是起到類似于(當(dāng)li的屬性為displady:block情況下的)padding的效果