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%);实现垂直居中;

你可能感兴趣的:(css水平居中的方法总结)