为了账号安全,请及时绑定邮箱和手机立即绑定

@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }为什么width要设置成1%

为什么width要设置成1%

正在回答

6 回答

我在别的地方看到 说是为了防止结构塌陷 当内容为空时 给你一个思路 你可以照着找 我不确定对不对

0 回复 有任何疑惑可以回复我~

我也想问

0 回复 有任何疑惑可以回复我~

额 图挂了  看下面的吧


width值为0时,如图

5603c82200010c9905000043.jpg

width值为1%时,如图

http://img1.sycdn.imooc.com//5603c8500001241c07950062.jpg

width值为50%时,如图

http://img1.sycdn.imooc.com//5603c85b000114e807970066.jpg

width值为100%时,如图

http://img1.sycdn.imooc.com//5603c8680001c03107970059.jpg

width值为1%时,padding值为0 50px,如图

http://img1.sycdn.imooc.com//5603c871000131f908010081.jpg

由此可得出结论(正确性有待验证),当li属性为table-cell时,width起到限制表格宽度作用,padding值对表格之间的间距有效,至于 width为什么要设置为1%,我也不是很清楚,可能就是起到类似于(当li的属性为displady:block情况下的)padding的效果

2 回复 有任何疑惑可以回复我~

在网上找了半天也没搞清楚,之后改变了下width的值。

width值为0时,如图

width值为1%时,如图

width值为50%时,如图

width值为100%时,如图

width值为1%时,padding值为0 50px,如图

由此可得出结论(正确性有待验证),当li属性为table-cell时,width起到限制表格宽度作用,padding值对表格之间的间距有效,至于width为什么要设置为1%,我也不是很清楚,可能就是起到类似于(当li的属性为displady:block情况下的)padding的效果





0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }为什么width要设置成1%

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信