相关疑难解决方法(0)

CSS Grid: grid-row not working in Chrome browser

I've listed the div which has a fixed height like masonry. The code works in Firefox, but not in Chrome. The reference code I've referred is CSS-only masonry layout.

Chrome Browser 在此处输入图片说明 Mozila Firefox Browser 在此处输入图片说明

.container {
  width: 1080px;
  margin: 0 auto;
}

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

.grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  font-size: 50px;
  margin: 5px;
}

.grid-row-200 {
  grid-row: span 200;
}

.grid-row-225 {
  grid-row: span …
Run Code Online (Sandbox Code Playgroud)

css google-chrome css-grid

6
推荐指数
1
解决办法
1613
查看次数

标签 统计

css ×1

css-grid ×1

google-chrome ×1