在未使用flex之前,垂直居中最常见的方法是将容器的线高度设置为与容器相同的高度,但由于该方法很硬,因此每次需要更改容器的高度时都必须考虑线高度使用以下方法可以实现自适应的垂直居中!
style .innner { display: flex; 背景色: # ea4d 22; height: 100px; /* line-height: 100px; *//*文本对齐:中心; */justify-content: center; flex-direction: column; } .innner2 { display: flex; 背景色: # 18a0c 2; height: 100px; /* line-height: 100px; * /文本对齐:中心; justify-content: center; flex-direction: column; }.in nner3{ background-color : # 20 e 64 b; height: 100px; 文本对齐3360中心; }/stylediv class='innner '垂直中心示例/divdiv class='innner2'垂直水平中心示例/divdiv class='innner3'水平中心示例/div