居中总结。。。。

方法一：使用定位属性

1.先设置父元素为相对定位，然后再设置子元素绝对定位。然后利用css3属性transform:translate(50%,50%）

方法二：给父元素设置display：flex；

方法三：组合使用display:table-cell和vertical-align,text-align,使父元素里面的所有行内元素水平垂直居中(内部div 设置成：display:inline-block),如果只需要垂直居中，只需要把text-align:center去掉

方法四：采用margin值

确定当前div的高度和宽度，采用margin值为当前div宽度高度的一半的负值

 

 方法五：绝对定位下top left right bottom都设置成0，同时margin:auto;