CSS3 中弹性盒模型--容器的属性
2024-08-31 03:55:43
1、display : flex | inline-flex
注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性 将失效。
2、flex-direction属性 决定主轴的方向(即项目的排列方向)
flex-direction: row | row-reverse | column | column-reverse;
3、flex-wrap属性,定义子元素是否换行显示
flex-wrap: nowrap | wrap | wrap-reverse;
4、 flex-flow
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap;
5、 justify-content属性 定义了项目在主轴()上的对齐方式。
justify-content: flex-start | flex-end | center | space-between | space-around;
6、align-items属性定义项目在交叉轴上如何对齐。
align-items: flex-start | flex-end | center | baseline | stretch(默认值);
7、align-content属性定义了多根轴线的对齐方式。对于单行子元素,该属性不起作用。
align-content: flex-start | flex-end | center | space-between | space-around | stretch;
align-content在侧轴上执行样式的时候,会把默认的间距给合并。对于单行子元素,该属性不起作用
最新文章
- go:匿名函数与闭包
- [转]Mybatis出现:无效的列类型: 1111 错误
- 【BZOJ-2055】80人环游世界 上下界费用流 (无源无汇最小费用最大流)
- TCP/IP的Socket编程
- PHP 将秒数转换成时分秒
- JLINK固件,JLINK驱动和JLINK硬件版本之间的关系,以及固件升级方法
- 使用泛型定义一个可重用的Dao
- SherlockActivity也可以用依赖注入的方法:
- 如何使用SQLite数据库 匹配一个字符串的子串?
- Sublime和Codeblocks支持C++11
- 关于异常“The 'Microsoft.ACE.OLEDB.12.0' provider is not registered on the local machine”的处理
- web前端——10个妨碍进步的学习方式
- vue初级学习--idea的环境搭建
- 基于CDH 5.9.1 搭建 Hive on Spark 及相关配置和调优
- Thread类中start()方法喝run()方法有什么不同?
- 一个可遇不可求的 bug 全局变量初始化顺序问题 哈哈
- java后端学习路线
- 从getApplicationContext和getApplication再次梳理Android的Application正确用法
- Socket 进行发送
- C# 设计模式巩固笔记 - 建造者模式