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