10

我正在努力将选择下拉菜单置于 div 的中心。我已经尝试了两个 margin: auto; 和文本对齐：居中；无济于事

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

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

谢谢

4

5 回答 5

23

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

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

右侧和左侧的边距 auto 将使块元素在父 div 中居中。

于 2014-09-17T19:53:18.310 回答
6

你已经设置text-align:centre

它应该是text-align:center

检查演示

于 2012-06-16T10:47:34.293 回答
2

你应该使用

text-align: center

错误在 text-align: center

于 2012-06-16T10:47:06.063 回答
2

尝试这个

text-align-last: center
于 2020-03-20T21:34:59.477 回答
1

尝试这个：

.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;
}
<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>

于 2017-08-04T15:00:39.730 回答