水平置中設定-行內元素

標籤：

1、如果被設定元素為文本、圖片等行內元素時，水平置中是通過給父元素設定 text-align:center 來實現的。

 

水平置中設定-定寬塊狀元素：

當被設定元素為塊狀元素時用 text-align：center 就不起作用了，這時也分兩種情況：定寬塊狀元素和不定寬塊狀元素。這一小節我們先來講一講定寬塊狀元素。

滿足定寬和塊狀兩個條件的元素是可以通過設定“左右margin”值為“auto”來實現置中的。

 

水平置中-不定寬塊狀元素方法:

在實際工作中我們會遇到需要為“不定寬度的塊狀元素”設定置中，比如網頁上的分頁導航，因為分頁的數量是不確定的，所以我們不能通過設定寬度來限制它的彈性。

不定寬度的塊狀元素有三種方法置中（這三種方法目前使用的都比多）：

1. 加入 table 標籤
2. 設定 display;inline 方法
3. 設定 position:relative 和 left:50%;通過給父元素設定 float，然後給父元素設定 position:relative 和 left:50%，子項目設定 position:relative 和 left:-50% 來實現水平置中。

水平置中設定-行內元素