如何将中心页面中的flex块居中？

这个问题在这里已经有了答案：

Flexbox：水平和垂直居中8个答案

---

Flex对齐属性适用于Flex容器的子项。

所以，如果你有一个带有display: flex的div，并且你想要将这个div居中，那么你可以让父容器成为一个flex容器。 然后，您可以将柔性对齐属性应用于div。

div {
  display: flex;
  width: 80%;
  height: 50vh;
  border: 1px solid black;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
}

<div></div>

链接地址: http://www.djcxy.com/p/76003.html

上一篇: How to center flex block in center page?

下一篇: text centering on CSS with flexbox