让横向ul在页面中水平居中的方法

标签：

在导航的布局中，导航条会用横向布局的ul li.如果要让其居中，怎么办呢？

第一种方法：

ul{text-align:center;}

li{display:inline}

这种方法不适合ie低版本。因为这种方法会让ie默认让所有元素居中。

第二种方法：

　　用一个div把ul包起来，<div id="wrap"></div>

     　　#wrap{float:left;position:relative;left:50%;}
     　　

　　　　ul{position:relative;left:-50%;}

　　这种方法首先把父级元素浮动起来，让子元素的内容撑开宽度，这样父元素和子元素的宽度就是一致的

　　然后让父元素的最左边与body（假设body就是最外边的元素）的中线对齐，同时相当于ul的左边也与body的中线对齐了
　　

　　然后再把ul的左侧向左移动50%（wrap的宽度与ul的一致），即可居中

让横向ul在页面中水平居中的方法

标签：

原文地址：http://www.cnblogs.com/lywh/p/5075063.html