CSS实现盒子水平居中、垂直居中和水平居中的方法

1、CSS实现盒子模型水平居中 HTML: CSS全局样式： 方法一： 使用margin:0 auto;(只适用子盒子有宽度的时候） 方法二：text-align+display(只适用于子盒子有宽度和高度时) 方法三：position定位（只适用于子盒子有宽度和高度） 方法四：flex布局(子盒子有没有宽度都适用) 2、CSS实现盒子垂直居中 方法一:position(定位) 只适用子盒子有高度

>>阅读原文<<