Flex布局面试问题大全实用版.pdfVIP

Flex布局面试问题大全

两端对齐项目之间的间隔都相等每个项目两侧的间隔相等所以项目之间的间隔比项目与边框的间隔大一倍定义项目在交叉轴上如何对齐取值有交叉轴的起点对齐交叉轴的终点对齐交叉轴的中点对齐项目的第一行文字的基线对齐默认值如果项目未设置高度或设为将占满整个容

一、Flex布局基础概念

1、什么是Flex布局？

Flex是FlexibleBox的缩写，意为“弹性布局”，用于为盒状模型提

供最大的灵活性。任何一个容器都可以指定为Flex布局。当为父元素

设置display:flex属性后，子元素的float、clear和verticalalign属性将失

效。

2、Flex布局的主要容器属性有哪些？

display：设置为flex或inlineflex来启用Flex布局。

注意兼容性和性能优化等方面的问题以确保页面在不同浏览器和设备上都能有良好的表现

flexdirection：决定主轴的方向，取值有row（默认值，主轴为水

平方向，起点在左端）、rowreverse（主轴为水平方向