Flexbox 基础概念

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

用 Flexbox 的布局有两个部分组成, flex 容器,还有 flex 容器的亲儿子,也就是 flex 项目。下面来看一些在 Flexbox 上会出现的名词 ..

最外面这个带蓝色背景的东西就是 Flex Container ,也就是 Flex 容器 ... 在它里面有一些 Flex item ,Flex 项目。

这里还有两个轴 .. 水平的这个轴叫 main axis ,可以叫它主轴 .. 垂直的这个轴叫 cross axis ,中文可以叫它十字轴 .. 在主轴上有两个点,最左边这个叫 main start 主轴起点 ,最右边的这个点叫 main end ... 主轴的终点

十字轴上也有两个点,最上面的这个是 cross start 十字轴的起点 ,最下面这个叫 cross end ,十字轴的终点..

再看一下 Flex 项目里面, 水平的尺寸叫 main size ,垂直的高度叫 cross size .. 记住这张图以后,下面我们再去学一下使用 Flexbox 去设计布局。

Flexbox 基础概念《 CSS:Flexbox 布局 》

统计

13299
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点