Tailwind CSS徽标居中

问题描述

我有以下小提琴：

https://jsfiddle.net/w5c36epd/

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

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

但是我似乎无法对齐它。

谁能看到我想念的东西吗？

解决方法

尝试这些：

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