设置一个元素在容器中垂直居中

1、如果只有一行元素,设置text-align:center;line-height=容器高度;
2、如果有多行元素
步骤一:给容器加上text-align:center;
步骤二:给当前元素转成行内块元素(display:inline-block;)再给当前元素加上vertical-align:middle;
步骤三:在当前元素的后面(没有回车)加上同级元素span;并对span进行vertical-align:middle;width:0;height:100%;display:inline-block 。

猜你喜欢

转载自blog.csdn.net/horizon12/article/details/107793224