码迷,mamicode.com
首页 > Web开发 > 详细

css ul li 横向排列

时间:2016-08-07 13:51:46      阅读:408      评论:0      收藏:0      [点我收藏+]

标签:

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法:
float:left
这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有固定宽高,建议父元素清除浮动,或者设置固定宽高
display:inline-block
即把li变为行内元素且可以设置宽高以及边距,这样也有一个问题,低版本的Ie浏览器不兼容inline-block,建议在其后再加两个属性兼容低版本ie
*display:inline;
*zoom:1;

css ul li 横向排列

标签:

原文地址:http://www.cnblogs.com/zxh8080/p/5746015.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!