css水平垂直居中问题

问题一：盒子在文档流中居中

方法一：绝对定位-宽高的一半

方法二：绝对定位+margin:auto;

方法三、用transform实现

问题二：盒子在盒子中水平垂直居中

方法一：用最简单的margin: 0 auto; 实现

方法二：用绝对定位实现 / 相对定位

方法三：弹性盒子配合 margin:auto;

方法四：display:table-cell;

方法五：display:grid;

方法六：vertical-align:middle;   display:inline-block;