要在 flex 布局中居中元素,可以使用 justify-content: centeralign-items: center

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

这会使元素在容器中水平居中和垂直居中。

如果你只想要垂直居中,可以只使用 align-items: center

如果你只想要水平居中,可以只使用 justify-content: center

注意,这些样式只在父元素是 flex 布局时才有效。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐