Css 如何正确地将引导下拉列表居中对齐？

我知道我可以使用

text align:center

CSS样式将引导下拉列表元素居中。这会根据需要将下拉菜单居中。但是，当我单击菜单将其激活时，项目列表出现，它将与父级

div

的左侧对齐。我想使下拉菜单的左边缘与您单击以激活它的按钮的左边缘齐平（就像默认情况下下拉菜单与左侧对齐一样）。这可能吗

---

使用

左边距

代替

文本对齐：居中

。它会起作用。

出现此问题是因为

。下拉菜单

绝对位于父容器中（

左侧：0

），该容器仍然占据整个宽度。您可以为

div.dropdown

（103px与下拉按钮一样）设置固定宽度，还可以添加

margin:0 auto

，因为如果不这样做，按钮将不再居中

CSS

.dropdown{
    width:103px;
    margin:0 auto;
}

---

您可以如下更改

下拉列表

类

.dropdown{ margin: 0 auto; display: table; }

---

如果不希望为元素设置特定宽度。

谢谢。我希望避免使用固定大小的元素，但这确实提供了所需的效果。