弹性布局(三)

弹性布局(三)
开发工具和关键技术:Adobe Dreamweaver CC 2017、弹性布局
撰写时间:2019年2月20日
今天,和大家分享的技术是弹性(flex)布局。
大家都知道被采用flex布局的元素是叫“容器”,它的子元素被称为“项目”。
下面,我举个例子来说明一下。
flex布局的应用:
四、algin-items的属性。
在没有添加algin-items之前。
如截图:
在这里插入图片描述
在添加algin-items之后。
如截图:
在这里插入图片描述
在这里插入图片描述
除了以上的取值,还有flex-end(终点对齐)、center(中点对齐)、baseline(基线对齐)、stretch。

猜你喜欢

转载自blog.csdn.net/weixin_44561769/article/details/87870671