如何在 React 的 Tailwindcss 中将图片居中

Question

我需要了解如何居中并真正最佳地关注登录框架内的徽标图片，如本文所附证据中所示。 我用于此徽标的 Tailwindcss 代码如下：

<img className="object-cover h-20 w-35" src="/sampa.png" alt='logo'/> 

我需要将紫色徽标居中，但我不知道如何使其显示在本文的附加屏幕中。我们将非常感谢您的帮助。谢谢你。

Answer 1

您可以使用 flex 和 justify-center 操作将图像对齐到中心。

<div className="flex justify-center">
  <img className="object-cover h-20 w-35" src="/sampa.png" alt='logo'/>          
</div>