好程式員分享居中一個float元素,我們布局的時候,用margin來設定float元素的外邊距來達到效果。對于,在文檔流中的元素,我們很容易讓它水準居中,隻要給元素設定一個固定的寬度,用margin:0 auto;就行了,這種技巧甚至在IE6中相容得很好。
那麼如何讓浮動的元素水準居中呢?浮動元素脫離了文檔流,上面的方法肯定是不行的。特地去網上查了一下,做為學習筆記記錄下來我們布局的時候,用margin來設定float元素的外邊距來達到效果。對于,在文檔流中的元素,我們很容易讓它水準居中,隻要給元素設定一個固定的寬度,用margin: 0 auto;就行了,這種技巧甚至在IE6中相容得很好。
那麼如何讓浮動的元素水準居中呢?浮動元素脫離了文檔流。特地去網上查了一下,做為學習筆記記錄下來
.outer {
1.
float: left ;
2.
postion: relative;
3.
left: 50%
4.
}
5.
.inner {
6.
float: left;
7.
position: relative;
8.
left: -50%;
9.
/right: 50%/
10.