CSS實現盒子水平居中、垂直居中和水平居中的方法

1、CSS實現盒子模型水平居中 HTML: CSS全局樣式： 方法一： 使用margin:0 auto;(只適用子盒子有寬度的時候） 方法二：text-align+display(只適用於子盒子有寬度和高度時) 方法三：position定位（只適用於子盒子有寬度和高度） 方法四：flex佈局(子盒子有沒有寬度都適用) 2、CSS實現盒子垂直居中 方法一:position(定位) 只適用子盒子有高度

>>阅读原文<<