display:'grid',设置每一行的高度
时间: 2024-01-13 11:03:35 浏览: 206
深入display:inline-block
要设置每一行的高度,你可以使用grid-template-rows属性。该属性接受一个由空格分隔的值列表,每个值代表每一行的高度。例如,如果你想要设置三个等高的行,每行高度为100像素,则可以使用以下代码:
```
grid-template-rows: 100px 100px 100px;
```
如果你想要设置每一行的高度为相同的百分比值,则可以使用以下代码:
```
grid-template-rows: repeat(3, 33.33%);
```
以上代码将会创建三个相同高度的行,每行高度为容器高度的1/3。你还可以使用其他单位来设置行高,例如em或rem。
阅读全文