css布局中的常用居中方式

1、文本类元素（行内元素）水平居中：
text-align: center;文本类元素垂直居中：line=height:容器高度

2、块级标签（display:block）水平居中：
margin-left: auto;margin-right: auto;

3、定位的标签居中：
水平居中left:50%;transform:translateX(-50%);垂直居中top:50%;transform:translateY(-50%);

4、flex布局：
父级display:flex。子级：justify-content: center;实现水平居中。子级align-items: center;实现垂直居中

5、背景图片居中,调整背景图片位置：
background-position:center center