*CSS:各種置中總結

標籤：水平置中   com   樣式   src   水平   布局   inline   多個   使用   

1.文字和圖片的置中：
答：在父元素定義屬性text-algin:center;此屬性試用與所有行內元素置中！

2.如何?所示多個塊的置中？

答：如上，在網站布局中，很多時候，子項目中使用行內元素如 span或塊元素li標籤且標籤個數不定，而我們又想讓這一塊不管個數有多少個(子項目的總體寬度不定)，始終都能置中顯示。這就需要設定子項目 display:inline-block。同時，根據display:inline-block的屬性，子項目本身具備inline的特性，因此父元素 需要設定text-align：center，來實現子項目作為一個整體在父元素中水平置中。

3.區塊層級元素如何置中：
答：設定區塊層級元素屬性：margin:0 auto;

4.浮動元素如何置中？
答：父元素樣式：float:left;position:relative;left:50%;
子項目樣式：float:left;position:relative;left:-50%;

 

*CSS:各種置中總結