如何让元素居中显示？两种常用方法详解

要让一个元素居中显示，可以使用以下两种方法：

使用 CSS 居中技巧

可以通过设置元素的 margin 属性为 'auto' 来使其在水平方向上居中显示。

例如，如果要让一个 div 元素居中显示，可以这样设置样式：

div {
  width: 50%; /* 设置宽度 */
  margin: 0 auto; /* 设置 margin 为 'auto' */
}

使用 Flexbox 布局

使用 Flexbox 布局可以使元素在水平和垂直方向上都居中显示。

例如，如果要让一个 div 元素在父元素中居中显示，可以这样设置样式：

.container {
  display: flex; /* 设置容器为 flex 布局 */
  justify-content: center; /* 在主轴上居中 */
  align-items: center; /* 在交叉轴上居中 */
}

.container div {
  width: 50%; /* 设置宽度 */
}

以上是两种常用的居中技巧，可以根据实际情况选择适合自己的方法。