Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 等LI宽度填充100%宽度_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 等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; } 现

我想使每个LI的宽度相等,并在引导选项卡上填充100%的宽度

我一直在读你需要的东西

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
高度所需的更正。