html的li怎么水平居中

如题所述

如果你ul li里面加a票签的话,可以在.nav ul li a{display:block; text-align:center; line-height:30px;}把a做成块极元素,然后文本居中 再给个行高。如果你不用a(连接标签)的话那就直接在ul li 里面加text-align:center; line-height:30px; 这两个样式就好了。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-01-17

试下这个吧


.nav ul {
    width: 100%;
    text-align: center;
}
.nav ul li {
    display: inline-block;
    list-style: none;
    width:30px;
}

第2个回答  推荐于2017-11-25
我不知道你说的是li里面的内容还是li水平居中,
(1)如果是li 水平居中,
你已经让他左浮动了。
要是水平居中,就不要左浮动。
margin: 0 auto;
(2)如果是内容,就很简单了本回答被网友采纳
第3个回答  2014-01-17
在ul中加上样式text-align: center;
li中有宽度的话,必须要加上 display: inline-block,才能支持你的width.
第4个回答  2014-01-17
给.nav添加上水平居中的属性.nav{margin:0 auto; height:30px; width:100%;}

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网