---
id: 5a90373638fddaf9a66b5d39
challengeType: 0
videoUrl: 'https://scrimba.com/p/pByETK/c9WBLU4'
forumTopicId: 301137
title: 使用 grid-row 来控制空间大小
---
## Description
当然,和设置一个网格项占用多列一样,你也可以设置它占用多行。你可以使用grid-row
属性来定义一个网格项开始和结束的水平线。
## Instructions
## Tests
```yml
tests:
- text: 'item5
类应该有grid-row
属性且值为2 / 4
。'
testString: assert($('style').text().replace(/\s/g, '').match(/\.item5{.*grid-row:.*}/g));
- text: 'item5
class 应该有 grid-row
属性使其占用网格最后两行。'
testString: "
const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
const result = rowStart.toString() + rowEnd.toString();
const correctResults = ['24', '2-1', '2span 2', '2span2', 'span 2-1', '-12', 'span 2span 2', 'span 2auto', 'autospan 2'];
assert(correctResults.includes(result));
"
```
## Challenge Seed
## Solution
```html
// solution required
```