grid布局如何使元素保持原始高度
我没有把grid中元素高度用px写死，现在所有元素高度都被拉伸成了最高元素的高度，我该如何使这些元素保持自己元素的最小高度？{:10_261:} 需要的高度不一样可以一个元素放几个网格
最高的比别的元素网格多
把网格大小确定好 本帖最后由 不二如是 于 2025-9-10 15:18 编辑
发一下源码~~
基本玩法：
.grid {
display: grid;
/* 列按需要流式排布，列宽区间 200px ~ 自适应 */
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
/* 让行高由内容决定（非常关键） */
grid-auto-rows: auto; /* 或者 grid-template-rows: auto; */
/* 关闭纵向拉伸，保留原始高度（非常关键） */
align-items: start; /* 等价于 place-items: start start; */
/* 可选：若容器设置了固定高，又想从上往下排 */
/* align-content: start; */
}
.item {
/* 确保内部元素不强行拉高 */
height: auto;
}
/* 若网格项里有图片 */
.item img {
width: 100%;
height: auto;
display: block;
}
页:
[1]