day18—Flex弹性布局详解(二)
2024-09-05 23:02:15
转行学开发,代码100天——2018-04-03
2.6 align-content属性
align-content 属性定义了在交叉轴方向对齐方式和额外空间分配,类似于justify-content的作用。
align-content: stretch ||flex-start||flex-end||center ||space-between ||space-around
3.flex项目属性
3.1 order 属性
order 属性定义项目在容器中的先后顺序
order:1;
3.2 flex-grow属性
flex-grow 属性定义项目的放大比例,其值是一个单位的正整数,表示放大的比例,默认为0。
flex-grow:2;
3.3 flex-shrink属性
flex-shrink属性定义了项目的缩小比例,默认为1,负值无效。
flex-shrink:2;
3.4 flex-basis 属性
flex-basis属性定义了项目在分配额外空间之前的缺省尺寸。属性值可以是长度(20%)或者auto。
flex-basis:auto;
3.5 flex 属性
flex是flex-grow flex-shrink flex-basis的简写,默认为0 1 auto;后两个属性可选属性。
flex:none;
3.6 align-self 属性
align-self属性定义项目的对齐方式。默认值是auto,即继承父元素的align-items属性,如果没有父元素,则等同于stretch。
align-self: auto || flex-start||flex-end||center||baseline||stretch
最新文章
- redis字符串
- js二级导航下拉菜单
- 移动前端UI选择
- 2015年12月10日 spring初级知识讲解(二)最小化Spring XML配置 注解
- css shorthand属性简写
- 24.task的运用
- 查看系统或者Jmeter的Properties
- Qt编译postgreSQL驱动
- Nginx实现七层负载均衡配置指导
- openstack 镜像自动扩容 resize拉伸
- (转)织梦DedeCMSv5.7安装体验数据包的方法
- How a C++ compiler implements exception handling
- 创建一个servlet
- 在Editplus中配置java的(带包)编译(javac)和运行(java)的方法
- [ExtJS5学习笔记]第四节 欢迎来到extjs5-手把手教你实现你的第一个应用
- WinForm加载外部类库项目的集成开发模式
- 029 c3p0的小测试
- oracle 存储过程调用方式
- Week__8
- wechat-注意事项