[css] 居中

居中
水平居中

• center

<center>^^^</center>

• text-align: center

.x { text-align: center; }

两者不一样，center是将所有元素居中，text-align只居中所有内联元素，且text-align在内联元素上定义不起作用

<center>
  <section style="width:200px;">
    777
  </section>
</center>
<section style="text-align:center">
  <section style="width:200px;"> <!-- 元素不会居中 -->
    555 <!-- 字会在元素中居中 -->
  </section>
</section>

• margin:auto
  在width设置为100%时无效

对齐
float
使用绝对定位对齐
使用这两种方式对齐的时候为了夸浏览器兼容，需要对 < body> 元素的外边距和内边距进行预定义