RN布局(二)——伸缩容器的属性
来源:互联网 发布:新闻发布 java 编辑:程序博客网 时间:2024/06/05 10:33
1.display
display:flex | inline-flex
块级伸缩容器 行内级伸缩容器
2.flex-direction
指定主轴的方向 flex-direction:row(默认值)| row-reverse | column | column-reverse
3.flex-wrap
伸缩容器在主轴线方向空间不足的情况下,是否换行以及该如何换行
flex-wrap:nowrap(默认值) | wrap | wrap-reverse
4.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(默认值)
0 0
- RN布局(二)——伸缩容器的属性
- RN布局(三)——伸缩项目的属性
- CSS3弹性伸缩布局(二)——flex布局
- RN布局(一)——flexbox布局
- RN(react native)入坑指南-04,布局容器
- React Native 的布局(容器属性)
- 伸缩布局的伸缩比例
- React Native-1.CSS布局属性之伸缩容器属性
- React Native-1.CSS布局属性之伸缩容器属性
- FlexBox-02-伸缩容器属性
- Extjs4循序渐进(二)—Ext的界面(容器和布局)
- RN开发实践——仿携程App(二)
- Flex入门基础——Flex布局、容器container的属性
- CSS3弹性伸缩布局(一)——box布局
- CSS3弹性伸缩布局(一)——box布局
- CSS3弹性伸缩布局——flex布局
- 伸缩布局 — 打开布局天堂之门?
- RN布局(四)——在React Native中使用flexbox
- CodeForces 734 C.Anton and Making Potions(二分)
- C++实验5-数组分离
- vue2.0 keep-alive最佳实践
- js 保留几位小数
- Java发送Email—使用org.apache.commons.mail
- RN布局(二)——伸缩容器的属性
- oracle execute immediate 权限不足ora-01031
- 编写高质量的JavaScript代码
- 基于Mybatis分页插件PageHelper实现分页功能
- 冒泡排序(面向对象)
- PHP连接webservice调试相关
- [Leetcode] Lowest Common Ancestor of a Binary Tree 最小公共祖先
- CreateThread和_beginthread区别及使用
- RN布局(三)——伸缩项目的属性