3.5 KiB
3.5 KiB
title | localeTitle |
---|---|
CSS Flexbox | CSS Flexbox |
CSS Flexbox
这些挑战将教您使用Flex容器的基础知识。挑战是:
- 使用display:flex定位两个Box 。
- 添加Flex Superpowers到Tweet Embed 。
- 使用flex-direction属性创建一行 。
- 应用flex-direction属性在Tweet Embed中创建行 。
- 使用flex-direction属性创建列 。
- 应用flex-direction属性在Tweet Embed中创建一个列 。
- 使用justify-content属性对齐元素 。
- 在Tweet Embed中使用justify-content属性 。
- 使用align-items属性对齐元素 。
- 使用Tweet Embed中的align-items属性 。
- 使用flex-wrap属性包装行或列 。
- 使用flex-shrink属性收缩项目 。
- 使用flex-grow属性扩展项目 。
- 使用flex-basis属性设置项的初始大小 。
- 使用flex速记属性 。
- 使用order属性重新排列项目 。
- 使用align-self属性 。