react-native绝对元素居中

下面是子元素样式，父元素设置position relative，以及固定宽高水平居中position:'absolute',top:-10,height: 40,marginLeft:-110,//值为width一半width:220,left:'50%',在这里插入代码片水平居中垂直居中position:'absolute',top:-10,height: 40,marginLeft:-110,

yuzhiboyouye

559人浏览 · 2021-08-10 16:38:10

yuzhiboyouye · 2021-08-10 16:38:10 发布

下面是子元素样式，父元素设置position relative，以及固定宽高
水平居中

    position:'absolute',
    top:-10,
    height: 40,
    marginLeft:-110,//值为width一半
    width:220,
    left:'50%',在这里插入代码片

水平居中垂直居中

    position:'absolute',
    top:-10,
    height: 40,
    marginLeft:-110,//值为width一半
    marginTop:-20,//值为height一半
    top:50%,
    width:220,
    left:'50%',在这里插入代码片