垂直居中是前端开发中经常遇到的问题之一。在CSS中,有多种方法可以实现垂直居中对齐。本文将介绍其中几种常用方式。 第一种方法是通过设置行高来实现垂直居中对齐。在CSS中,我们可以通过设置父元素的行高等
父元素 { height: 100px; line-height: 100px; } 子元素 { height: 50px; line-height: 50px; }
父元素 { display: flex; align-items: center; justify-content: center; height: 100px; } 子元素 { height: 50px; }
父元素 { position: relative; height: 100px; } 子元素 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 50px; }
粉丝
0
关注
0
收藏
0