---
id: 587d78ac367417b2b2512af4
title: Use the flex-direction Property to Make a Column
challengeType: 0
videoUrl: ''
localeTitle: 使用flex-direction属性创建列
---
## Description
最后两个挑战使用了flex-direction
属性设置为row。此属性还可以通过垂直堆叠Flex容器的子项来创建列。
## Instructions
将CSS属性flex-direction
添加到#box-container
元素,并为其赋值column。
## Tests
```yml
tests:
- text: '#box-container
元素应该将flex-direction
属性设置为column。'
testString: 'assert($("#box-container").css("flex-direction") == "column", "The #box-container
element should have a flex-direction
property set to column.");'
```
## Challenge Seed
## Solution
```js
// solution required
```