freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md

953 B
Raw Blame History

id, title, challengeType, videoUrl, forumTopicId
id title challengeType videoUrl forumTopicId
587d78ab367417b2b2512af2 使用 flex-direction 属性创建一个行 0 https://scrimba.com/p/pVaDAv/cBEkbfJ 301110

--description--

给元素添加 display: flex 属性可以让它变成 flex 容器。只要给父元素添加 flex-direction 属性,并把属性值设置为 row 或 column即可横向排列或纵向排列它的所有子元素。设为 row 可以让子元素横向排列,设为 column 可以让子元素纵向排列。

flex-direction 的其他可选值还有 row-reversecolumn-reverse

注意:flex-direction 的默认值为 row。

--instructions--

请为 #box-container 添加 CSS 属性 flex-direction,将其值设为 row-reverse

--hints--

#box-container 应有 flex-direction 属性,其属性值应为 row-reverse。

assert($('#box-container').css('flex-direction') == 'row-reverse');

--solutions--