垂直居中几种方式?

1. 单行文本: line-height :23px(盒子高度的一半)。


2.图片: vertical-align: middle;(图片后面的文字)。


3. 定位:position: absolute:    top: 50%;left: 50%;     transform: translate(-50%, -50%);    

4. flex: display:flex;  justify-content:center ;  ( 就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式 );

原文地址:https://www.cnblogs.com/Rivend/p/12600845.html