ReactNative-CSS布局(二)

1.组件边框

borderBottomWidth
borderLeftWidth
borderRightWidth
borderTopWidth
borderWidth
border<Bottom|Left|Right|Top>Color
borderColor

2.组件大小

width
width

3.组件外边距

  • 第一个组件参照父控件，其他组件参照上一个组件
  • marginRight和width冲突
    margin
    marginBottom
    marginHorizontal
    marginLeft
    marginRight
    marginTop
    marginVertical

4.组件内边距

  • 自己的子控件相对于自己的位置
    padding
    paddingBottom
    paddingHorizontal
    paddingLeft
    paddingRight
    paddingTop
    paddingVertical

5.绝对定位与相对定位

  • 绝对定位:参照父控件定位
  • 相对定位:参照自己的原始位置定位
    left number 左边缘
    right number 右边缘
    top number 顶部边缘
    bottom number 底部边缘
    position: absolute/relative
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。