F

Flexbox 速查表 Flexbox30:通过 30 个小技巧学习 Flexbox Flexbox30

2025-05-26

Flexbox 速查表Flexbox30:30 个小技巧助您学习 Flexbox

Flexbox30

30 天通过 30 个代码片段学习 Flexbox ✨

主题

  1. 介绍
  2. 弹性容器和弹性项目
  3. 仅限直系子女
  4. 弹性盒轴
  5. 弹性盒模块
  6. 父属性
  7. 展示
  8. 块与内联
  9. 弹性方向
  10. 弹性包裹
  11. 弹性流
  12. 对齐内容 [行]
  13. 空间环绕与空间均匀
  14. 对齐内容[列]
  15. 对齐项目 [行]
  16. 基线
  17. 对齐项目 [列]
  18. 对齐内容
  19. 子属性
  20. 命令
  21. flex-grow
  22. flex-grow 计算
  23. 弹性收缩
  24. flex-shrink 计算
  25. 弹性基础
  26. flex-basis 与宽度
  27. 弹性
  28. 对齐自身
  29. 弹性框属性
  30. Flexbox 备忘单

30 个 Flexbox 代码小知识总结

🎉 终于可以发布全系列了,太激动了!我每天都会在社交媒体上更新这些精彩内容。现在你可以一次性下载全部 30 个精彩内容,尽情畅玩!

免费提供:


打个招呼!Instagram | Twitter |博客| SamanthaMing.com

文章来源:https://dev.to/samanthaming/flexbox30-5744
PREV
HTML `<kbd>` Tag Added <kbd> tag support to markdown editors in article posts and comm… #1761
NEXT
CSS 变量