网站建设资讯

NEWS

网站建设资讯

Flex布局的元素属性有哪些

这篇“Flex布局的元素属性有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Flex布局的元素属性有哪些”文章吧。

发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及成都玻璃隔断等,在重庆网站建设全网营销推广、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。

容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end、

项目默认沿主轴排列,单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size 

容器属性

1)flex-direction:设置主轴方向

2)justify-content:设置主轴上的子元素排列方式

3)flex-wrap:设置子元素是否换行

4)align-content:设置侧轴上子元素排列方式(多行)

5)align-items:设置侧轴上子元素排列方式(单行)

6)flex-flow:复合属性,同时设置了flex-direction和flex-wrap

以上就是关于“Flex布局的元素属性有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


当前名称:Flex布局的元素属性有哪些
浏览路径:http://cdweb.net/article/jeihhh.html