css之水平置中設定

標籤：

• 行內元素：     div,p{text-align:center;}
• 定寬塊狀元素:  第一寬度固定，第二margin-left和margin-right均是auto。div{border:1px solid red;width:200px;margin:20px auto;}
• 不定寬塊狀元素方法

1. 加入 table 標籤（ 包括 <tbody>、<tr>、<td> )。
2. 設定 display: inline 方法：與第一種類似，顯示類型設為 行內元素，進行不定寬元素的屬性設定,設定 position:relative 和 left:50%：利用 相對定位 的方式，將元素向左位移 50% ，即達到置中的目的。{display:inline; position:relative; left:50%;}
3. {display:table; margin:0 auto;}也可以是實現

 

 

1. 設定 display: inline 方法：先設定為行內元素，再設定center，這種一般針對ul和ol。如如所示：
2. 通過給父元素設定 float，然後給父元素設定 position:relative 和 left:50%，子項目設定 position:relative 和 left: -50% 來實現水平置中

 

css之水平置中設定