各種效果，水平居中或者是垂直居中

（1）水平居中行內元素：text-align:center;

（2）當被設置元素為塊狀元素時用text-align：center就不起作用了，這時也分為兩種情況：定寬（有width值）塊狀元素和不定寬塊狀元素

       滿足 定寬 和 塊狀 兩個元素 是可以通過設置左右margin值為auto 來實現居中的 比如 margin｛0，auto｝

（3）被設置元素為不定寬塊狀元素時 改變塊狀元素的display為inline類型（設置為行內元素顯示），然後使用 text-align：center 來實現水平居中效果

（4）通過給父級元素設置float ，然後給父級元素設置position：realtive和left:50%,子元素設置position：relative和left：-50%來實現水平居中。

（5）父元素高度確定的單行文本, 設置它為垂直居中：父元素高度確定的單行文本的豎直居中的方法是通過設置父元素的 height 和 line-height 高度一致來實現的。

      (height: 該元素的高度，line-height: 顧名思義，行高（行間距），指在文本中，行與行之間的 基線間的距離 )。

（6）父元素高度確定的多行文本：方法一 使用插入 table  (包括tbody、tr、td)標簽，同時設置 vertical-align：middle。