CSS文字居中和盒子居中

1.塊級盒子居中

• 可以讓一個塊級盒子實現水平居中必須：
  • 盒子必須指定了寬度（width）
  • 然后就給左右的外邊距都設置為auto，

實際工作中常用這種方式進行網頁布局，示例代碼如下：

.header{ width:960px; margin:0 auto;}

常見的寫法，以下下三種都可以。

• margin-left: auto; margin-right: auto;
• margin: auto;
• margin: 0 auto;

2.文字居中和盒子居中的區別

1. 盒子內的文字水平居中是 text-align: center, 而且還可以讓 行內元素和行內塊居中對齊
2. 塊級盒子水平居中 左右margin 改為 auto
   text-align: center; /* 文字 行內元素 行內塊元素水平居中 */

margin: 10px auto;  /* 塊級盒子水平居中  左右margin 改為 auto 就闊以了 上下margin都可以 */