display flex

admin 32 0

display: flex是一种布局方式,可以应用于容器或行内元素,Flex是Flexible Box的缩写,意为“弹性布局”,旨在为盒状模型提供最大的灵活性。

在Flex布局中,容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis),采用Flex布局的元素称为Flex容器(flex container),简称“容器”,容器的所有子元素自动成为容器成员,称为Flex项目(flex item)。

Flex布局的主要思想是使父容器能够调节子元素的宽度/高度,以适应所有类型的显示设备和屏幕尺寸,Flex容器能够放大子元素使之尽可能填充可用空间,也可以收缩子元素使之不溢出。

Flex布局与方向无关,不同于常规布局(基于垂直的块和基于水平的内联),设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。

以上内容仅供参考,如需更多信息,建议查阅相关文献或咨询专业编程技术人员。