居中那些事

        一说起居中，很多朋友都不陌生，大家可能你会觉得这不是很简单的嘛。今天我就把平常会遇到的一些常用的居中方式给大家列出来。

 水平居中：

            (1)margin：0 auto;

             (2)text-align:center;

             (3)position:relative left:50%;

             (4 )position:fixed left:50%;

             (5)display:table margin:0 auto;

   垂直居中：

              (1)display:inline-block;vertical-align:middle;

              (2)display:table-cell;vertical-align:middle;

              (3)position:absolute;top:50%;

               (4)transform:translate X(-50%)translate Y(-50%);