防止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：写作不易，如要转裁，请标明转载出处。

猜你想看: 手机号隐藏中间部分; 打印键盘; 使用sort打乱数组; 快速转换字符串为数字; 生成指定长度的数组; 修改浏览器设计模式designMode; 快速去除小数部分; 操作URL查询参数; 取数组最大值; 截取小数部分

回顶部