我正在使用 Tailwind CSS 和 React 来构建一个应用程序，在其中一个视图中我有一个卡片网格。目前它看起来像这样：
如您所见，当我缩小窗口时，卡片会挤入其中。我想确保卡片大小（宽度和高度）始终保持不变，并且如果随着窗口变小，卡片数量无法容纳在一行中，它只会移动到下一行。
类似于（用 MS 油漆制成）：
即使屏幕变小，卡片的尺寸也保持固定（相同的宽高比）。
这是我的代码当前的样子：
网格：
{props.trips.map((trip: TTrip) => (
))}
卡片：
知道如何使用 tailwind-css 进行设置吗？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
1099
收藏
