文本居中

文本居中：

一般情况下是：text-align:center;//水平局中

                         vertical-align: middle;//垂直居中

eg:    p2{

         width: 200px;

         border: 1px solid blue;

         position: absolute;

         top: 50%;

         left: 50%;

         transform:translateX(-50%) translateY(-50%);

         /*这里transform移动的百分比是根据自身的宽高来计算的*/

        }

使用css3中的transform属性

      1.使用绝对定位，让自己的左上角移动到中心位置；

      2.使用transform属性，调整自己位置

使用background-position：定位图片位置时：其值要设为百分比时，应该是（布局的长宽-图片的长宽）*百分比

第一次写，包涵包涵哈！！！