尝试使用 Tailwind（使用 React）在网格布局中对齐我的最终项目时遇到问题。基本上我想要 3 个项目，如果没有剩下 3 个项目，即 2 或 1，我希望它们居中。
我尝试了某种 col span，但没有按预期工作。
为了更好地说明我正在尝试做的事情，我附上了一些图表
当前布局：
所需的布局，其中剩余 2 个项目：
所需的布局，其中剩余 1 项：
<div className="xl:grid grid-cols-3 gap-4"> //cards .map(item) </div>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
1027
收藏
可以考虑使用
flex、flex-wrap、justify-center7 项：
输出：
8 项：
使用tailwind-css Playground