弹性盒子是CSS3的一种新的布局模式。
引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间
操作方便,布局简单,移动端使用广泛
PC端浏览器支持情况较差
IE11或更低版本中,不支持或部分支持
在盒模型中较为灵活
弹性盒模型的内容包括:弹性容器、弹性子元素——项目
原理:为父元素设置flex属性,控制子元素的位置及排列方式
应用场景 : 移动端
弹性盒子是CSS3的一种新的布局模式。
引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间
操作方便,布局简单,移动端使用广泛
PC端浏览器支持情况较差
IE11或更低版本中,不支持或部分支持
在盒模型中较为灵活
弹性盒模型的内容包括:弹性容器、弹性子元素——项目
原理:为父元素设置flex属性,控制子元素的位置及排列方式
应用场景 : 移动端