博客列表 >弹性布局之弹性容器 - PHP培训九期线上班

弹性布局之弹性容器 - PHP培训九期线上班

。
原创
2019年11月17日 15:57:51589浏览

CSS3弹性盒子布局,是一种新的网页布局模式。是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。

弹性盒子分为:“”display:flex“”块级弹性盒子;“”display:inline-flex“”行内块级弹性盒子;

image.png

image.pngimage.pngimage.png

image.pngimage.pngimage.png

image.pngimage.pngimage.png

image.pngimage.pngimage.png

image.pngimage.pngimage.png

image.pngimage.pngimage.png

image.pngimage.pngimage.png

image.pngimage.png

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