2017-05-04 55 views
-1

爲什麼我在<li>元素文本不水平居中?爲什麼我在利文不水平居中?

enter image description here

ulli的CSS低於,我在設置horiz-align: center;li

#banner ul{ 

    list-style: none; 
    height: 30px; 
    padding: 0; 
} 

#banner ul li { 

    float: left; 
    margin: auto 0; 
    height: 30px; 
    line-height: 30px; 
    width: 100px; 
    horiz-align: center; 
} 
+1

有作爲地平線對齊沒有這樣的事情。你正在尋找文本對齊。 – Christopher

+2

出於興趣,您是如何發現「水平對齊」的? – Shadow

回答

2

您應該使用text-align設置對齊:

text-align:center; 

text-align規定了元素對齊中的文本。

+0

謝謝,現在我明白了。 –

0

讓它text-aligncenter

text-align:center; 


#banner ul li { 
    float: left; 
    margin: auto 0; 
    height: 30px; 
    line-height: 30px; 
    width: 100px; 
    text-align: center; 
}