flex布局用的多吗

Flex布局详解

发布 : web前端培训   发布时间:2023-05-23 16:10:55

品牌型号:联想小新Pro16/系统版本:windows10

flex布局用的多,flex布局是使用最多最广的布局方案,Flex布局又叫做Flexible布局、弹性布局。

Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。Flexbox能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间。

Flex布局的好处有:

1、不需要进行浏览器兼容测试

Flex应用程序编译成Flash SWF文件,不管是什么操作系统和浏览器,下载的格式都是像素。

2、布局界面容易

把确定的和流动的布局设计转变成想要的布局结果变得比较容易。

3、简单的域验证

信用卡号这些基础信息在Flex中都是内置的并且容易使用。

4、丰富的媒体支持

Flash平台是轻量级的,并且工作时不需要安装任何辅助软件和工具。

5、实现表现层和内容的真正分离

使用Flex,可以把数据从任何地方中取出并帮定到界面中的元素上。

其它答案
冰阔落 2020-06-22 18:56:36

Flex的属性有flex-direction、flex-wrap、flex-flow、justify-content

flex-direction属性决定主轴的方向(即项目的排列方向)。

flex-wrap属性默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,应该如何换行。

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。

justify-content属性定义了项目在主轴上(即横向)的对齐方式。

 相关推荐