【CSS】垂直居中

🌸 1、padding

优点：简单，只需要设置上下内边距。

缺点：父元素不能设置固定高度（要计算实际需要的高度比较麻烦）

那父元素有固定高度如何垂直居中呢？

 🌸2、line-height

优点：可以设置父元素固定高度

缺点：不太适合多行文字

当元素是p标签时，需要手动覆盖浏览器设置的margin；

如果我们有多行文字，就不能使用。除非有足够的宽度容纳一行。

🌸3、FlexBox

优点：实现固定高度，多行文字。

缺点：兼容性（IE9）

 🌸 4、absolute

优点：易上手

缺点：脱离文档流

 🌸5、伪元素

优点：兼容性好

缺点：我太难了

兼容性放弃布局，使用伪元素