grid布局grid-template-rows
时间: 2023-10-09 21:09:56 浏览: 137
css的grid网格布局
grid布局的grid-template-rows属性用于定义网格容器中每行的高度。可以通过指定固定的像素值、百分比或使用fr单位来设置行高。例如,在一个包含两行的网格中,可以使用以下代码定义每行的高度:
.grid-container {
display: grid;
grid-template-rows: 100px 200px;
}
这将使第一行的高度为100像素,第二行的高度为200像素。
阅读全文