CSS居中方式理解

今天先介绍一下定位居中和外边距居中方法，改天再说flex居中和grid居中吧。

1.块级元素水平居中（相对于父元素）；

设置水平方向外边距为auto就能实现元素水平居中；

2.文本内容垂直居中

设置文本元素的高度和行高一致就能实现文本内容垂直居中；

3.块级元素水平垂直居中（相对于父元素）

绝对定位负边距法，同样适用水平居中

首先需要设置父级元素position属性；相对定位即可；然后在给子元素添加属性top值为50%；margin-top值为子元素高度负的一半；

同时left值为50%；margin-left值为子元素宽度负的一半；