css3 grid CSS3 grid-rows 属性

css3 grid

CSS3 Grid 是 CSS3 中新增的一种布局方式，它可以让我们更加灵活地定义元素的位置和大小，并且可以让我们更加有效地利用页面上的空间。

CSS3 Grid 的核心是一个网格，它可以将页面分割成行和列，然后可以将元素放入这些行和列中。使用 CSS3 Grid 布局，我们可以很容易地定义元素的位置、大小、间距、对齐方式、溢出处理方式等。

.container {
    display: grid;  
    grid-template-columns: repeat(4, 1fr); 
    grid-gap: 10px; 
}

CSS3 grid-rows 属性

div
{
grid-rows:100px (30px 60px);
}

grid-rows: length|%|none|inherit;