flex换主轴后⼦元素占满_Flex布局详解(⼀)
Flex布局
Flex是Flexible Box的缩写,意为"弹性布局",⽤来为盒状模型提供最⼤的灵活性。 任何⼀个容器都可以指定为Flex布局,⾏内元素也可以使⽤Flex布局。
/* 块级元素 */
display: flex;
display: -webkit-flex;/* 需要兼容⽕狐Safari */
/* ⾏内元素 */
display: inline-flex;
这⾥需要注意的是设为Flex布局以后,⼦元素的float、clear和vertical-align属性将失效
flex布局详细讲解设为Flex布局以后,⼦元素的float、clear和vertical-align属性将失效
兼容性
除了IE10以下的浏览器,IE11也有部分不兼容。到⽬前为⽌,在PC端其实很乐观了,基本上主流的浏览器都已经兼容了flex的使⽤,除了IE10以下的浏览器,IE11也有部分不兼容。
市⾯上浏览器的兼容情况
基本概念
flex布局元素称为Flex容器(flex container),简称容器。他的所有⼦元素⾃动称为容器成员,称
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论