CSS如何居中一個float浮動元素?

CSS居中一個float浮動元素的核心：

       讓最外面的層相對定位，left等於50%，然後內部巢狀層也使用相對定位且left設為-50%，這樣的效果就是內層相對整行為水平居中；

 

#wrapper {
float: left;
position: relative;
text-align: left;
left: 50%;
}
#wrapper ul {
list-style: none;
position: relative;
left: -50%;
}
#wrapper ul li {
float: left;
position: relative; /* For IE6 */
}

<div id=”wrapper”>
<ul>
<li><a href=”#”>Button 1</a> </li>
<li><a href=”#”>Button 2`s a bit longer</a> </li>
<li><a href=”#”>Butt 3</a> </li>
<li><a href=”#”>Button 4</a> </li>
</ul>
</div>

本文轉自 塗根華 51CTO部落格，原文連結：http://blog.51cto.com/tugenhua/772840，如需轉載請自行聯絡原作者