Chọn Trung tâm thả xuống bên trong div

Question

Tôi đang cố gắng tập trung thả xuống lựa chọn bên trong div. Tôi đã thử cả hai lề: tự động; và căn chỉnh văn bản: trung tâm; không có kết quả

Đây là fiddle tôi http://jsfiddle.net/U8Kja/

bất cứ ai có thể con số này ra? Tui bỏ lỡ điều gì vậy?

Cảm ơn

Answer 1

Bạn nên sử dụng

text-align: center 

Lỗi này là trong text-align: trung tâm

Answer 2

Bạn đã thiết lập text-align:centre

Nó phải là text-align:center

Check demo

Answer 3

Thêm phần này vào cuối fiddle của bạn.

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

Tự động lề ở bên phải và bên trái sẽ căn giữa phần tử khối trong div cha.

Answer 4

Hãy thử điều này:

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