Files
freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/use-the-align-self-property.md

997 B
Raw Blame History

id, title, challengeType, videoUrl, forumTopicId
id title challengeType videoUrl forumTopicId
587d78af367417b2b2512b00 使用 align-self 属性 0 https://scrimba.com/p/pVaDAv/cMbvzfv 301107

--description--

flex 子项目的最后一个属性是align-self。这个属性允许你调整每个项目自己的对齐方式,而不是一次性设置全部项目。因为floatclearvertical-align等调整对齐方式的属性都不能应用于 flex 子元素,所以这个属性显得十分有用。

align-self可设置的值与align-items的一样,并且它会覆盖align-items的值。

--instructions--

#box-1#box-2添加 CSS 属性align-self#box-1设为 center#box-2设为 flex-end

--hints--

#box-1元素应有align-self属性,其值应为 center

assert($('#box-1').css('align-self') == 'center');

#box-2元素应有align-self属性,其值应为 flex-end

assert($('#box-2').css('align-self') == 'flex-end');

--solutions--