【前端面试题-11】如何实现一个元素的水平垂直居中

在前端开发中，实现元素水平垂直居中是一个常见的需求。不同情况下（如行内元素、块级元素、未知宽高的元素）的实现方式有所不同，下面介绍几种主流方法。

---

1. 使用 flexbox（推荐，适用于现代布局）

方法

使用 display: flex + justify-content + align-items：

.parent {
   
   
  display: flex;
  justify-content: center;