css实现垂直居中的5种方法

[weekeight]

这个看似是很平常的话题，但是这篇文章总结得不错 css实现垂直居中的5种方法

不过上面介绍的五种方法还是不能适应所有场景，当父元素宽高固定，子元素高度不定，这时想要让子元素垂直居中对齐上面的方法就做不到。

其实这个只需要设置 父元素高度和行高一直，再设置子元素的 vertical-align: middle 即可。

注：由于浮动元素脱离了标准文档流，故上面的方法都不能垂直居中，解决方法就是外面包一层做浮动，里面高度设为100%，再利用伪元素:after来做垂直居中。 浮动元素垂直居中