flex布局居中

要在 flex 布局中居中元素，可以使用

justify-content: center

和

align-items: center

。

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

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

如果你只想要垂直居中，可以只使用

align-items: center

。

如果你只想要水平居中，可以只使用

justify-content: center

。

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

标签： css css3 html

本文转载自: https://blog.csdn.net/weixin_35753291/article/details/128867348
版权归原作者笨爪所有，如有侵权，请联系我们删除。