flex 布局笔记
2016-08-17 20:10
176 查看
flex布局就是几个属性的简单应用
A, 首先确定包裹元素,根据需要选择下面的属性,选择合适的。
1, display : flex;
2, flex-wrap : nowrap | wrap
3, flex-direction: row
4, justify-content
5, align-items
6, align-content
A, 如果上面无法达到要求,通过设置内部的item来实现
1.order
2.flex
3,align-self
A, 首先确定包裹元素,根据需要选择下面的属性,选择合适的。
1, display : flex;
2, flex-wrap : nowrap | wrap
3, flex-direction: row
4, justify-content
5, align-items
6, align-content
A, 如果上面无法达到要求,通过设置内部的item来实现
1.order
2.flex
3,align-self
相关文章推荐
- hdu 1814
- 2045. 在食人百货绽放的蓝蔷薇
- 背包问题(二):0-1背包
- 数组分组代码模拟
- HDU 1754 线段树
- 有哪些编程必备的 Vim 配置?
- session.get()方法中的参数的含义
- codevs 1689 搭建高塔
- 让Java Thread线程暂停的三种方式
- 如何使得向下还原按钮失效?
- STL vector中的front方法(4)
- JSP详解--EL表达式
- 关于Activity和Fragment生命周期的小记录
- 所需即所获:像 IDE 一样使用 vim
- 公众号与App哪个更有前景
- 制作二维码
- 【九度1502】最大值最小化
- Oracle EBS 模拟登入
- 贪心算法之活动选择理解
- Codeforces Round #332 (Div. 2)