如果一个ul下面有多个li，而且这些li要横向排列，不知道每个li的宽度，同时也不知道ul的宽度，如果让这个ul水平居中呢？

　　目前知道了两个方法：

　　1、ul{text-align:centrer;}
　　li{display:inline;}

　　这种方法是把li转换成行内元素，然后父级元素居中显示；

　　2、用一个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的一致），即可居中！