实现子元素在父元素中居中的方法

实现文本、图片、盒子在父级元素中水平垂直居中的方法

一：文本在父级元素中水平垂直居中

1.若想要文字水平垂直居中 则需行高等于父级元素宽度，文本对齐方式为水平对齐即可

主要代码为：line-height: 400px; text-align: center;

实现效果如下：

二：图片、盒子在父级元素中水平垂直居中

方法一：使用定位的方法 父级使用相对定位 子级使用绝对定位 俗称子绝父相

主要代码如下：top: 50%;left: 50; transform: translate(-50%, -50%);