联系我们 - 广告服务
您的当前位置:主页 > 布局 > 基本知识 >

基本概念

来源:未知 编辑:admin 时间:2018-01-17
导读: Flex布局主要由容器和项目构成,采用Flex布局的元素,称为Flex容器(flex container),它的所有直接子元素自动成为容器成员,称为Flex项目(flex item)。可以设置display:flex或display:inline-flex将任何一个元素指定为Flex布局,如图1所示,容器默认存
  Flex布局主要由容器和项目构成,采用Flex布局的元素,称为Flex容器(flex container),它的所有直接子元素自动成为容器成员,称为Flex项目(flex item)。可以设置display:flex或display:inline-flex将任何一个元素指定为Flex布局,如图1所示,容器默认存在两根轴,水平的主轴(main axis)和垂直的交叉轴(cross axis),主轴开始的位置(及主轴与边框的交叉点)叫main start,结束的位置叫main end,main start和main end和主轴的方向有关;交叉轴开始的位置叫cross start,结束的位置叫cross end,cross start和cross end和交叉轴方向有关。项目默认沿主轴从主轴开始的位置到主轴结束的位置进行排列,项目在主轴上占据的空间叫main size,在交叉轴上占据的空间叫cross size。
                                                                               
                                                                                                                                                                                                                                                                                                      关键词:哈尔滨小程序
责任编辑:admin

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

上一篇:Flex布局
下一篇:容器属性

网友评论:

在“\templets\demo\comments.htm”原来的内容全部删除,插入第三方评论代码,如果不需要评论功能,删除comments.html里面的内容即可
推荐使用友言、多说、畅言(需备案后使用)等社会化评论插件

Copyright © Tricks资讯网 版权所有
本站所有资讯来源于网络 如有侵权请联系QQ:940910888 技术支持鹏博科技
Top