css 样式无法居中

nav li 无法居中

使用列表的时候,当给li加上浮动float的话,就会发现text-align:center无效了,这是因为这里的li是区块元素,使用text-align是无效的,给lI加上宽高和背景颜色就可以看到效果了,这时ul要进行居中就只能用margin:0 auto才行。

如果实在不想使用margin这个居中的方法,可以把li的float去掉,使用display:inline可以把li变为内联元素,这时就可以使用text-align:center了。

你可以尝试下,希望帮助到你,有疑问可向我追问,尽我所能为你解答。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-09-20
/*假如li数量有5个*/
.nav ul {width:565px; margin:0 auto;}
.nav ul li {float:left;width:100px; margin-left:13px; text-align:center;font-size:14px;}

第2个回答  2013-09-20
需要对设置居中,可以对ul设置一个width值,然后添加margin:0 auto 样式
第3个回答  2013-09-20
你的li都float了,还怎么居中!
给nav或.nav ul定宽,让.nav或者.nav ul居中,例如margin:0 auto
第4个回答  2013-09-20
你已经浮动到左了,用margin:0px auto来试试吧
相似回答