手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS让ul所有的li居中显示的方法
CSS让ul所有的li居中显示的方法
摘要:CSSulli居中本来以为很容易就实现了,因为平时都是让lifloat:left,这样后面的可以排成一行,对居中没做要求,不过最近搞个项目,...

 CSS ul li居中本来以为很容易就实现了,因为平时都是让li float:left,这样后面的可以排成一行,对居中没做要求,不过最近搞个项目,必须让ui的每个li都居中显示,这可让我难为了,没想到一时把我难坏了,不过还是被我解决了。下面说下方法:

我的方法主要是利用li的浮动固定宽度来实现,li的默认display为block,将这个属性改为inline就可以让ul li居中,简单吧!下面来段代码实例:

CSS让ul所有的li居中显示的方法1

呵呵,由此你可以做成一款菜单了。

【CSS让ul所有的li居中显示的方法】相关文章:

DIV+CSS固定底部的漂浮广告

在CSS中用attr()显示HTML属性值

css中不确定高度垂直居中2种方法

CSS样式优先级计算方法

CSS截取字符串显示省略号

CSS中几种常见的注释

CSS多个子框架居中

CSS如何让背景不能滚动

火狐在用offsetHeight获取div的高度时为0的解决方法

DIV CSS隐藏内容样式方法大全

精品推荐
分类导航