水平居中元素

inline元素居中

1. 给父元素加text-align:center;

block元素居中

1. 设置宽度后使用margin: 0 auto;

2. flex布局后给父元素使用display: flex;justify-content: center;

3. 绝对定位，给父元素添加position: relative;子元素添加

position: absolute;
left: 50%;
transform: translateX(-50%);