天天看點

好程式員分享居中一個float元素

  好程式員分享居中一個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.

繼續閱讀