嘗試使用 Tailwind（使用 React）在網格佈局中對齊我的最終專案時遇到問題。基本上我想要 3 個項目，如果沒有剩下 3 個項目，即 2 或 1，我希望它們居中。

我嘗試了某種 col span，但沒有按預期工作。

為了更好地說明我正在嘗試做的事情，我附上了一些圖表

目前佈局：

所需的佈局，其中剩餘 2 個項目：

所需的佈局，其中剩餘 1 項：

 //cards .map(item)