您的位置:首页 > 其它

1.ul中li整个横向居中显示问题

2015-01-15 15:13 399 查看
当li{float:left;},因脱离了文档流,而受到约束,因此无法整个li居中

所以能采用li{display:inline-block;}ul{text-align:center;} 但因为display:inline-block会产生空白间隙,所以还需调整

完整如下:

ul{

font-size:0;/*清楚所有空白字符*/

letter-spacing: -8px;/*根据不同字体字号或许需要做一定的调整*/

word-spacing: -8px;

}

li{

font-size:14px;/*重新设置li中的字体*/

display:inline-block;

*display:inline;

*zoom:1;

letter-spacing:normal;

word-spacing:normal;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: