React Native flex布局alignItems、alignContent、alignSelf的区别
来源:互联网 发布:ps做淘宝详情页 编辑:程序博客网 时间:2024/06/05 23:00
在用flex布局疯狂写界面的过程中,你可有看到了这几个属性不是到有什么区别,又或者你还没有见过这其中的某个属性而为某个布局设计绞尽脑汁,看这里
从我们最熟悉的alignItems说起吧
alignItems
alignItems和justifyContent配合使用,前者是侧轴布局,后者是主轴布局,但是主轴具体代表横轴还是纵轴取决于flexDirection的属性值
alignItems的几个属性和效果,如下图
alignContent
alignContent的布局效果和alignIems完全一致,只不过前者只对多行的item才有效果,而后者对单行、多行都有效
alignSelf
alignSelf区别于alignItems的是,前者是在item内部定义的,它的默认取值是auto,向上取父类alignItems的值,如果对alignSelf属性的值进行自定义则会覆盖父类的效果
阅读全文
0 0
- React Native flex布局alignItems、alignContent、alignSelf的区别
- react-native的flex布局
- React Native flexbox的justifyContent、alignItems灵活应用
- React Native Flex布局
- react-native flex布局
- React Native布局之flex
- React-Native 学习之 Flex布局
- React Native——flex布局
- React Native入门教程 3 -- Flex布局
- react-native之flex布局总结
- React-Native基础_3.Flex布局
- React-Native 学习之 Flex布局
- 【React Native】flex布局基础(四)
- React Native学习笔记(四)Flex布局
- 2.React Native Flex布局介绍以及实践
- 从零开始 React Native(8) flex布局_常用控件案例
- React Native 之 Flex
- React Native 的布局(容器属性)
- Ubuntu14.04下安装TensorFlow
- Redis与Memcached的区别
- PL/SQL,Command Window 执行sql文件
- 牛客网题目——二叉树
- 在linux下安装配置rabbitMQ详细教程
- React Native flex布局alignItems、alignContent、alignSelf的区别
- Java设计模式之中介者模式
- vue之table表格的增删改查,多选框的多选单选
- java 二进制转十六进制
- popupWindow在android7.0以上显示全屏的问题
- 【DP 三维数组】UVA
- IO流
- 请求聚合股票数据跨域问题
- android集成支付宝红包功能.你想要的就在这里