CSS Flexbox Code Along v 000 源码

使用CSS Flexbox构建响应式布局 问题陈述 使用CSS创建一个对尽可能多的用户来说看起来不错的网站可能是一个挑战。 您的网页在设计时的屏幕上看起来可能不错,但是如果您在小型笔记本电脑上打开该页面,则页面内容会突然被挤压,溢出或移出位置。 如果在较大的显示器上打开同一页面,则可能会看到多余的空白空间。 但是,CSS为此提供了一些强大的解决方案。 在本课程中,我们将讨论其中之一:flexbox。 Flexbox使构建动态页面布局变得更加容易。 作为网页的设计者,您可以指定页面的某些部分以根据窗口大小自动调整大小,并以指定的方式填充空白空间。 这对于显示项目的列或行,不管项目的大小如何均等地保持它们的间距,或者使它们整齐地包裹在新的行上也非常有用。 在本课程中,我们将通过一些示例讨论一些使用flexbox的常用方法以及相关的属性。 随意使用提供的index.html和index.c