防止grid布局高度被撑开

转载翻译原创

前端 · javascript · @{ formatTime(detail.create_time) }

.grid-item {
  overflow: hidden;
}

或通过 grid-auto-rows 限制行高范围

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(100px, auto);
}

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 删除数组重复值; 位运算符用作判断; 判断奇偶数; 格式化金钱; 监测设备类型; 截取小数部分; 判断是否JSON对象; 数组求和; 文件下载（Blob）; 递增填充数组

回顶部