中心选择下拉div内部

Question

我正在努力将div中的选择下拉列表中心化。我试过两个保证金：自动;和text-align：center;无济于事

这是我的小提琴http://jsfiddle.net/U8Kja/

有人可以解决这个问题吗？我错过了什么吗？

由于

Answer 1

将此添加到小提琴的底部。

select {
display: block;
margin: 0 auto;
}

右侧和左侧的边距自动将使父元素中的块元素居中。

Answer 2

您已设置text-align:centre

应为text-align:center

Check demo

Answer 3

你应该使用

text-align: center

错误位于text-align： center

Answer 4

试试这个：

＆＃13;

＆＃13;

.center {
    text-align: center;
    /*These options are for the div to be visible in the example, the important is the first*/
    border:1px solid black;
    width: auto;
    height: 50px;
}

.cmb {
    display: block;
    margin: 0 auto;
}

＆＃13;

<div class="center">
  <select class="cmb">
    <option value=1>Option 1</option>
    <option value=2>Option 2</option>
    <option value=3>Option 3</option>
  </select>
<div>

＆＃13;

＆＃13;

＆＃13;

Answer 5

尝试一下

text-align-last: center