通过示例学习 Flexbox(Learn Flexbox Through Examples)

教程演示🔗

你将学到什么

• 完美居中的标志
• 导航菜单
• 剧集列表
• 带有 Flexbox 的媒体对象
• 几秒钟内灵活的网格
• 分段导航

描述

通过示例学习 Flexbox，Laracasts Academy 发布的 CSS Flexbox 实践培训课程。Flexbox 无疑是过去十年中 CSS 添加的最重要的功能之一。唯一的问题是学起来有点困难。但是，相信我，一旦您学习了这门课程，您就可以将其教给任何人。我保证。多年来，前端设计师一直在拿这个开玩笑。如何将部分内容水平和垂直放置在页面上？在 Flexbox 出现之前，这有点困难！幸运的是，现在情况已不再如此。现在这是世界上最容易的工作。考虑网站最常见的布局：顶部是标题，中间是主要部分，其中可能包括侧边栏和主要内容，然后是附加到底部的页脚。传统上，我们使用浮动来做到这一点。但事实是，花车从来都不是为此而设计的。幸运的是，还有更好的方法。在本课程中，我们将研究这个问题。