让div居中

左右居中：margin：auto;

垂直居中：

1、用display:table;

html

浏览器显示

用完之后感觉不太好用，平时使用不多，如果子元素没有写文本，子元素的宽度将是0，写上文案或者插入图片，跟表格一模一样；

2、决对定位：position:absolute;

position:absolute; left:50%; right:50%; margin-left:width/2; margin-top:height/2;

这种写法兼容性非常好，上面的宽高就是该元素的宽高

还有一种是h5的写法，用到transform，优点不需要写死宽高，移动端非常好用

position:absolute; left:50%; right:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);