微信小程序布局(一)
来源:互联网 发布:float在c语言中的意思 编辑:程序博客网 时间:2024/06/16 21:57
flex的容器和元素
flex容器属性详解:
flex-direction 决定元素的排列方向
有两个值,row:横向排序,colmn:竖向排序,默认为row
flex-wrap 决定元素如何换行(排列不下时)
有三个值,nowrap:不换行,wrap:换行,wrap-reverse:反转,默认为nowrap
flex-flow 是flex-direction和flex-wrap的简写
可以将flex-direction和flex-wrap参数一并卸载后面
justify-content 元素在主轴上的对齐方式
center:居中对齐, justify-content: flex-start:从左边开始依次排序,flex-end:从右边开始依次对齐,space-around:是每一个元素按一定间隔排序,space-between:间隔一样
align-items 元素在交叉轴的对齐方式
上下中方位
flex容器属性详解:
flex-grow 当有多余空间时,元素的放大比例
flex-shrink 当空间不足时,元素的缩小比例
flex-basis 元素在主轴上占据的空间
flex是grow、shrink、basis的简写
order 定义元素的排序顺序
align-self 定义元素自身的对齐方式
阅读全文
0 0
- 微信小程序布局(一)
- 微信小程序--基础篇(一)弹性布局flex
- 微信小程序第三天(布局:栅格布局)
- 微信小程序页面布局
- 微信小程序 Flex布局
- 微信小程序布局
- 微信小程序页面布局
- 微信小程序 View布局
- 微信小程序布局
- 微信小程序flex布局
- 微信小程序:flex布局
- 微信小程序页面布局
- C语言程序的内存布局(一)C语言程序的存储区域
- 微信小程序(一)
- 微信小程序(一)
- 微信小程序开发详解(九)---微信小程序布局基础
- PhoneGap 布局(一)
- 布局问题(一)
- POJ 2259(用空间换取时间)
- 为什么内存映射要比IO读写更加快速
- 2017.11.01前端小记
- ZOJ 3983 && 2017CCPC秦皇岛 C:Crusaders Quest
- LeetCode基础-排序-快速排序
- 微信小程序布局(一)
- linux ssh 不保存操作记录history
- 从源代码构建VIM
- MyBatis配置数据源的两种方式
- 第四章:表达式和运算符
- 对linux内核、用户空间、内核态、用户态的理解
- jqurey常用方法(jqurey设计思想)
- 【安全牛学习笔记】http响应状态码大全
- 对实体类的CRUD操作