freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/css-grid/align-an-item-vertically-us...

684 B

id title challengeType videoUrl forumTopicId
5a90375238fddaf9a66b5d3b 使用 align-self 垂直对齐项目 0 https://scrimba.com/p/pByETK/cmzd4fz 301123

--description--

正如能设置网格项沿行轴对齐方式一样,也可以设置网格项沿列轴对齐:你可以对网格项使用align-self属性。在上一个挑战中适用于justify-self属性的每个值也都适用于align-self属性。

--instructions--

用值end使类为item3的网格项底端对齐。

--hints--

item3类应该有align-self属性且值为end

assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));

--solutions--