Html 如何将flexbox定位在页面中心？ 1. 2. 3.

所以。。如何使用TurrncSS将这个Frasbox放在屏幕中间？到目前为止，我尝试的一切都失败了！一般来说，我不知道如何在页面上定位FlexBox。

#a1{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100vw；
高度：100vh；
}

1.
2.
3.

1.
2.
3.

---

好的，这是一个很好的解决方案。不是我想要的，多伊。我不明白为什么我不能使用属性作为“top:0”之类的东西？对我来说没有意义。

默认情况下，“flex”是行，因此“对齐”控制主轴，而“对齐”控制横轴，您应该能够组合顺风特性来控制主轴和横轴对齐

<template>
<div>
  <div class="flex justify-center w-full">
    <div class="h-px-500 md:w-1/6 bg-orange-200 text-center">1</div>
    <div class="h-px-500 md:w-1/6 bg-orange-300 text-center">2</div>
    <div class="h-px-500 md:w-1/6 bg-orange-400 text-center">3</div>
  </div>
</div>
</template>

<template>
  <div class="w-screen h-screen items-center flex justify-center">
    <div class="h-px-500 md:w-1/6 bg-orange-200 text-center">1</div>
    <div class="h-px-500 md:w-1/6 bg-orange-300 text-center">2</div>
    <div class="h-px-500 md:w-1/6 bg-orange-400 text-center">3</div>
</div>
</template>