css水平居中的方法总结

(1)通过margin:0 auto;text-align:center;实现CSS水平居中；

(2)通过display:flex;justify-content:center;实现CSS水平居中；

(3)通过父元素position: relative;子元素position: absolute;left:50%;margin-left:子元素高度的一半；实现垂直居中；

(4)通过父元素position: relative;子元素position: absolute;left:50%;transform:translateX(-50%);实现垂直居中；