Html 等LI宽度填充100%宽度
我想使每个LI的宽度相等,并在引导选项卡上填充100%的宽度 我一直在读你需要的东西Html 等LI宽度填充100%宽度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我想使每个LI的宽度相等,并在引导选项卡上填充100%的宽度 我一直在读你需要的东西 ul{display:table} li{display:table-cell} 但这对我不起作用,我不确定是否是引导导致了这一点。但我需要能够容纳3-5个标签,具体取决于产品页面 我这里有一把小提琴来显示我正在努力做什么 在.nav tabs>li中定义了一个浮动:left。在CSS中设置float:none,以覆盖该行为: .nav-tabs > li { float: none; } 现
ul{display:table}
li{display:table-cell}
但这对我不起作用,我不确定是否是引导导致了这一点。但我需要能够容纳3-5个标签,具体取决于产品页面
我这里有一把小提琴来显示我正在努力做什么 在
.nav tabs>li
中定义了一个浮动:left
。在CSS中设置float:none
,以覆盖该行为:
.nav-tabs > li {
float: none;
}
现在您必须纠正UL
高度:
#productReviewTab {
display: table;
width: 100%;
margin-bottom: 31px; // Just to maintain your initial height
}
是的,我删除了height属性,如果需要,可以将其设置为
44px
。对于我所测试的,也是一样的。尝试删除li
浮点。哇,谢谢你,它工作得非常好!我可以发誓我试过了。。。如果你想提交答案,我很乐意接受。完成后,我添加了保持正确ul
高度所需的更正。