Tailwind CSS 徽标居中

【问题标题】：Tailwind CSS logo centeredTailwind CSS 徽标居中
【发布时间】：2021-10-24 18:04:23
【问题描述】：

我有以下小提琴：

如果您仔细观察，您会发现徽标实际上并未居中。我尝试了不同的 flexbox 选项，例如：

<div class="flex-shrink-0 justify-center">
    <img class="h-64 w-64" src="../../assets/images/logo.svg" alt="Workflow logo">
</div>

但我似乎无法对齐它。

我错过了什么？

【问题讨论】：

【解决方案1】：

试试这些：

 1. Place-items : center;
 2. align-items : center;
 3. justify-content : center;

【讨论】：

我对这个顺风很陌生，我在哪里添加这些？ :D
这是 Tailwind 的一个问题，你必须学习很多语法，对我有用的是，把基本的 tailwind CSS 类名，而对于更关键的 CSS（一两个属性），只需做内联CSS。要回答您的问题，只需放入内联 CSS 并尝试使用该 div，稍后，您可以随时搜索 tailwind 文档
你能试着换一下我的小提琴，这样我就可以确切地看到你的名字了吗？