為什么80%的碼農都做不了架構師？>>> ??

好程序員分享居中一個float元素，我們布局的時候，用margin來設置float元素的外邊距來達到效果。對于，在文檔流中的元素，我們很容易讓它水平居中，只要給元素設置一個固定的寬度，用margin:0 auto;就行了，這種技巧甚至在IE6中兼容得很好。

　　那么如何讓浮動的元素水平居中呢?浮動元素脫離了文檔流，上面的方法肯定是不行的。特地去網上查了一下，做為學習筆記記錄下來我們布局的時候，用margin來設置float元素的外邊距來達到效果。對于，在文檔流中的元素，我們很容易讓它水平居中，只要給元素設置一個固定的寬度，用margin: 0 auto;就行了，這種技巧甚至在IE6中兼容得很好。

　　那么如何讓浮動的元素水平居中呢?浮動元素脫離了文檔流。特地去網上查了一下，做為學習筆記記錄下來

.outer {

<p><font size="3">　　float: left ;</font></p>

<p><font size="3">　　postion: relative;</font></p>

<p><font size="3">　　left: 50%</font></p>

<p><font size="3">　　}</font></p>

<p><font size="3">　　.inner {</font></p>

<p><font size="3">　　float: left;</font></p>

<p><font size="3">　　position: relative;</font></p>

<p><font size="3">　　left: -50%;</font></p>

<p><font size="3">　　/*right: 50%*/</font></p>

<p><font size="3">　　}</font></p>

轉載于:https://my.oschina.net/530504/blog/3040405

總結

以上是生活随笔為你收集整理的好程序员分享居中一个float元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。