在Flexbox布局模块之前,有四种布局模式:
灵活的盒子布局模块,可以更轻松地设计灵活的响应式布局结构,而无需使用浮动或定位。
所有现代浏览器都支持 flexbox 属性。
29.0 | 11.0 | 22.0 | 10 | 48 |
要开始使用 Flexbox 模型,您需要首先定义一个 Flex 容器。
上面的元素代表一个包含三个 Flex 项目的 Flex 容器(蓝色区域)。
一个包含三个 Flex 项目的 Flex 容器:
<div class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
您将在接下来的章节中了解有关 Flex 容器和 Flex 项目的更多信息。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!