博客列表 >php第九期线上培训第六天弹性容器分类,元素排列方式

php第九期线上培训第六天弹性容器分类,元素排列方式

奋斗吧,JOY!
奋斗吧,JOY!原创
2019年11月10日 17:15:21686浏览

将源码中的9个demo以及对应的css文件全部掌握, 直到能默写出来:

一、弹性容器分类:

1.块级弹性盒子。

2.行内块级_弹性盒子。

image.png

image.png

二、弹性容器导航:

image.png

image.png

image.png

三、定义弹性容器的主轴方向: 弹性元素的主轴上的排列方向:

image.png

image.png

image.png

四、创建网站首页:

image.png

image.png

image.png

image.png

五、弹性元素溢出与创建多行容器,以主轴水平方向为例:

image.png

image.pngimage.png

image.png

六、弹性元素在主轴上如何分布和使用弹性盒子对齐修改导航:


image.png

image.png

image.png

image.png

image.png


image.png










声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议