《网页设计与制作（HTML5+CSS3）》课件 项目四任务一 制作首页.pptx

大美中国制作首页

CONTENTS目录弹性盒子布局的概念第一部分弹性三要素第二部分设置对齐方式第三部分

弹性盒子布局的概念第一部分

弹性盒子布局的概念弹性盒子（Flexbox）布局是一种CSS布局模块，用于在容器内为元素对齐和分配空间。在元素大小未知或动态变化的情况下，弹性盒子布局都可以轻松地处理它们的对齐、排序和分布。这种布局方式非常适合于一维布局，即在网页设计中，元素沿着单一方向（水平或垂直）排列的布局方式。在这种布局中，元素的排列是线性的，通常只在一个维度上进行扩展。

弹性盒子布局的概念1.容器在弹性盒子布局中，容器是指使用display:flex;或display:inline-fl