垂直水平居中多种写法

    垂直水平居中的新方法一(css3):

 1.不给宽高

 2.给要居中的元素position:absolute;top:50%;left:50%;(width:100%;或width:30px;或不给)

 3.给要居中的元素transform:translate(-50%,-50%); css3

 4.行内元素不用给display:iline-block;

 

 垂直水平居中的新方法二(css3):

 1.width:90%;

 2.margin-left:calc(90%/-2);

 

 垂直水平居中的新方法三:

 (给父元素)

 1.display: flex;

 2.display: -webkit-flex;

 3.justify-content:center;