Javascript 如何对齐列表下拉列表

我在菜单上有一个下拉菜单。但这不是我需要的
但我需要它作为菜单项对齐。就像在这里：

可以简单地用css实现吗？
html

---

为DropDownList分配CssClass，如DDLStyle

select.DDLStyle{text-align:middle;}

---

这适用于大多数现代浏览器，但不适用于IE。

您可以将位置：相对“.dropdown”和位置：绝对设置为“.dropdown menu”，并将其宽度设置为100%

li {
  padding: 10px 20px;
}

.dropdown {
    position: relative;
    display: block;
    background-color: #ff0;
    width: 120px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: gray;
}

以下是一个工作示例：

---

提供代码。为您的问题编造一把小提琴

select.DDLStyle{text-align:middle;}

li {
  padding: 10px 20px;
}

.dropdown {
    position: relative;
    display: block;
    background-color: #ff0;
    width: 120px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: gray;
}