Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Css 如何在Twitterbootstrap中将下拉列表居中?_Css_Twitter Bootstrap - Fatal编程技术网

Css 如何在Twitterbootstrap中将下拉列表居中?

Css 如何在Twitterbootstrap中将下拉列表居中?,css,twitter-bootstrap,Css,Twitter Bootstrap,我有一个困难的时候,试图中心的下拉菜单是由一组按钮切换。该组正确居中,但下拉列表继续显示在左角 这是一个例子 有人能帮忙吗 提前谢谢 也许你在寻找这样的东西: .centered{ 文本对齐:居中; } .居中.下拉列表{ 显示:内联块; 最小宽度:500px;/*需要足够大才能使菜单居中*/ } .居中.下拉.打开.下拉菜单{ 左:0; 右:0; 左边距:自动; 右边距:自动; 宽度:200px; } 编辑完成CSS如果您想将div.下拉列表放在另一个div中,请按如下方式操作

我有一个困难的时候,试图中心的下拉菜单是由一组按钮切换。该组正确居中,但下拉列表继续显示在左角

这是一个例子

有人能帮忙吗


提前谢谢

也许你在寻找这样的东西:

.centered{
文本对齐:居中;
}
.居中.下拉列表{
显示:内联块;
最小宽度:500px;/*需要足够大才能使菜单居中*/
}
.居中.下拉.打开.下拉菜单{
左:0;
右:0;
左边距:自动;
右边距:自动;
宽度:200px;
}


编辑完成CSS

如果您想将
div.下拉列表
放在另一个
div
中,请按如下方式操作:

#dropdown1 {
    width: 183px;
    margin: 0 auto;
}​
它的缺点是,您需要知道正在居中的元素的确切宽度(这就是我使用id作为选择器的原因;当然,您需要首先对其进行赋值)


看看它是如何在您的计算机上工作的。

las规则是什么?看起来它不会影响任何东西。@PavloMykhalov确实忘记了一些CSS来居中(而不仅仅是填充容器)。没有检查它是否是交叉浏览器解决方案,但似乎如果它不是解决方案,它会让我陷入困境。谢谢!这不是我想要的解决方案,因为它必须针对每个dropcrown,否则我必须动态获取/设置宽度。但在我找到更好的方法之前,这会有所帮助。谢谢!