发布 : web前端培训 发布时间:2023-05-23 16:10:55
flex布局用的多,flex布局是使用最多最广的布局方案,Flex布局又叫做Flexible布局、弹性布局。
Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。Flexbox能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间。
Flex布局的好处有:
1、不需要进行浏览器兼容测试
Flex应用程序编译成Flash SWF文件,不管是什么操作系统和浏览器,下载的格式都是像素。
2、布局界面容易
把确定的和流动的布局设计转变成想要的布局结果变得比较容易。
3、简单的域验证
信用卡号这些基础信息在Flex中都是内置的并且容易使用。
4、丰富的媒体支持
Flash平台是轻量级的,并且工作时不需要安装任何辅助软件和工具。
5、实现表现层和内容的真正分离
使用Flex,可以把数据从任何地方中取出并帮定到界面中的元素上。
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属性定义了项目在主轴上(即横向)的对齐方式。
咨询还可获得
对应免费课程