freeCodeCamp/guide/chinese/certifications/responsive-web-design/css-flexbox/index.md

title	localeTitle
CSS Flexbox	CSS Flexbox

CSS Flexbox

这些挑战将教您使用Flex容器的基础知识。挑战是：

1. 使用display：flex定位两个Box 。
2. 添加Flex Superpowers到Tweet Embed 。
3. 使用flex-direction属性创建一行 。
4. 应用flex-direction属性在Tweet Embed中创建行 。
5. 使用flex-direction属性创建列 。
6. 应用flex-direction属性在Tweet Embed中创建一个列 。
7. 使用justify-content属性对齐元素 。
8. 在Tweet Embed中使用justify-content属性 。
9. 使用align-items属性对齐元素 。
10. 使用Tweet Embed中的align-items属性 。
11. 使用flex-wrap属性包装行或列 。
12. 使用flex-shrink属性收缩项目 。
13. 使用flex-grow属性扩展项目 。
14. 使用flex-basis属性设置项的初始大小 。
15. 使用flex速记属性 。
16. 使用order属性重新排列项目 。
17. 使用align-self属性 。