2

这是我的http://jsfiddle.net/JvC9v/4/

单击http://jsfiddle.net/JvC9v/4/show以完整页面查看。我正在尝试显示<option> </option>下拉列表中心之间的文本。即我希望文本“项目 1”出现在中心。

我用代码试过了

option {
text-align: center;
}

我没有成功。谁能建议我如何实现同样的目标。

4

4 回答 4

1

如果我理解你的正确，这是你想要达到的目标吗？请参阅此处的工作示例。

select {
     width: 100%;
     text-align: center;
     padding-left: 50%;
}
于 2013-10-23T00:19:49.933 回答
1

在你的 c 中试试这个

select{ text-align-last:center;}

这将使下拉列表中的所有文本居中。但恐怕它只适用于 chrome 浏览器。

于 2017-03-15T07:00:14.600 回答
0 
select {
  text-align: center;
}
于 2013-10-23T09:33:50.023 回答
-1 
enter code here**strong text**<select  >
<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--Drop Down Menu--</option>
<option>Option one</option>
<option>Option Two</option>
<option>Option Three</option>

于 2016-05-10T14:20:41.433 回答