在前端开发中,实现元素水平垂直居中是一个常见的需求。不同情况下(如行内元素、块级元素、未知宽高的元素)的实现方式有所不同,下面介绍几种主流方法。 1. 使用 flexbox(推荐,适用于现代布局) 方法 使用 display: flex + justify-content + align-items: .parent { display: flex; justify-content: center;