Flex4布局方式有哪些

这篇文章将为大家详细讲解有关Flex4布局方式有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联网站建设服务商，为中小企业提供网站制作、网站建设服务，网站设计，网站托管运营等一站式综合服务型公司，专业打造企业形象网站，让您在众多竞争对手中脱颖而出创新互联。

四种Flex4布局类概述

在FlexSDK4(Gumbo)的spark组件库里面增加了一个page：spark.layouts。其中包括了比较重要的四个Flex4布局类（class），分别是：BasicLayout、HorizontalLayout、TileLayout、VerticalLayout。

1、BasicLayoutFlex4布局：

（默认属性，当不指定定位后，则是绝对定位布局）

这是spark组件默认FlexSDK3的布局方式，即绝对定位布局。在FlexSDK3里面对应的是：layout="absolute"

2、HorizontalLayoutFlex4布局：

这是spark组件库里面的水平布局方式。在里面对应的是：layout="horizontal"

3、VerticalLayoutFlex4布局：

这是spark组件库里面的竖直布局方式。在FlexSDK3里面对应的是：layout="vertical"

4、TileLayoutFlex4布局：

这是spark组件库新增的布局方式，即格子布局方式。TileLayout布局方式可以说是HorizontalLayout和VerticalLayout结合的方式。

还有一点是需要注意的：

paddingLeft、paddingRight、paddingTop、paddingBottom
这四个属性已经转移到了HorizontalLayout、VerticalLayout里面。这点也与FlexSDK3有些区别。也就是说，在spark组件中的容器，已经不具备paddingLeft、paddingRight、paddingTop、paddingBottom属性了。

关于“Flex4布局方式有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

标题名称：Flex4布局方式有哪些
URL链接：https://www.cdcxhl.com/article2/pjjsic.html

成都网站建设公司_创新互联，为您提供App设计、网站策划、品牌网站设计、软件开发、网站改版、网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联