Html 如何使方框在“.flex col”Tailwindcss内居中对齐？

我想使用tailwind CSS使此框与

.flex col

内部的中心对齐

我试过：

<div data-v-bca28ca2="" data-v-925ac5ae="" class="flex justify-center flex-col">
    <a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
        <div data-v-bca28ca2="" class="flex ml-4">
            <label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Client Services</span></div>
    </a>
    <a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
        <div data-v-bca28ca2="" class="flex ml-4">
            <label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Human Capital</span></div>
    </a>
    <a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
        <div data-v-bca28ca2="" class="flex ml-4">
            <label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Media</span></div>
    </a>
    <a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
        <div data-v-bca28ca2="" class="flex ml-4">
            <label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Production</span></div>
    </a>
    <a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
        <div data-v-bca28ca2="" class="flex ml-4">
            <label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Project Management</span></div>
    </a>
    <a data-v-bca28ca2="" class="w-full md:w-1/2 lg:w-1/4 my-2 py-4 text-center border-2 rounded">
        <div data-v-bca28ca2="" class="flex ml-4">
            <label data-v-bca28ca2="" class="fa fa-circle-o"></label> <span data-v-bca28ca2="" class="w-full">Strategy</span></div>
    </a>
</div>

客户服务
人力资本
媒体
生产
项目管理
策略

---

但是不起作用，我错过了什么？

我不确定您是否只是想将锚定标记置于中心，但如果是这样的话，您可以简单地使用文本对齐中心。如果我遗漏了什么，请分享你的代码

.flex{
显示器：flex；
弯曲方向：立柱；
文本对齐：居中；
}

客户服务
人力资本
媒体
生产
项目管理
策略

如果您试图将容器居中。使用左边距和右边距并将其设置为自动

.yourClassName{
margin-left:auto;
margin-right:auto;
}

---

我想这可能会有帮助！如果希望内容位于x、y轴中心，可以使用

h-screen

1.
2.

若要获得正确答案，请在问题中提供一个工作代码片段，以重现问题，并缩进发布的代码，使其可读。嗨@LGSon对不起我的帖子：（我是stackoverflow的新成员。stackoverflow的新成员？？？…你已经成为会员两年多了，发布了20多个问题。不过，现在你知道该怎么做了。