0

我正在尝试做一些我认为非常简单的事情。我只是想要一个以页面为中心的下拉列表。问题是当它展开时,内容没有与按钮对齐。这是示例:http: //jsfiddle.net/VCsAW/1/

4

1 回答 1

1

在 CSS 中添加以下内容:

#settings {
    display: inline-block;
}

这将强制#settingsdiv 适应内容的大小并解析“偏移”下拉菜单

工作示例:http: //jsfiddle.net/VCsAW/8/

编辑

内容居中的原因text-align: center是用于使下拉菜单居中。要阻止在下拉菜单的内容中发生这种情况,您可以text-align: center设置.dopdown-menu

.dropdown-menu {
     text-align: left;    
}

工作示例:http: //jsfiddle.net/VCsAW/12/

于 2012-09-30T18:21:23.843 回答