CSS垂直居中的8种方法
-
通过verticle-align:middle实现CSS垂直居中。
-
通过display:flex实现CSS垂直居中。
-
通过伪元素:before实现CSS垂直居中。
-
通过display:table-cell实现CSS垂直居中。
-
通过隐藏节点实现CSS垂直居中。
-
已知父元素高度通过transform实现CSS垂直居中。
-
到垂直居中的位置。
-
通过line-height实现CSS垂直居中。
通过verticle-align:middle实现CSS垂直居中。
通过display:flex实现CSS垂直居中。
通过伪元素:before实现CSS垂直居中。
通过display:table-cell实现CSS垂直居中。
通过隐藏节点实现CSS垂直居中。
已知父元素高度通过transform实现CSS垂直居中。
到垂直居中的位置。
通过line-height实现CSS垂直居中。