HarmonyOS .width('100%')和margin同时设置,左右margin无效

Column() {
}
.width('100%')
.margin({ top: 16, left: 16, right: 16 })

不想在外面又包裹一层 ,但是想设置水平方向match_parent并设置margin,发现左右设置margin无效。

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

width设置100%的时margin左右的设置就会失效,参考示例如下:

.width(px2vp(this.screenWidthPx-60)).height(80)
  .margin({
    top: "15px",
    left: "30px",
    right: "30px",
  })

this.screenWidthPx取值:

@State screenWidthPx: number = 0;

aboutToAppear(): void {
  this.screenWidthPx = display.getDefaultDisplaySync().width;
  console.info(this.screenWidthPx.toString());
}

左右margin的值一样的话还可以这样写:

.width('calc(100% - 60px)').height(80)
  .margin({
    top: "15px"
  })
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 宽度100% margin左右不生效
98浏览 • 1回复 待解决
HarmonyOS right的paddingmargin不生效
843浏览 • 1回复 待解决
HarmonyOS margin不生效
661浏览 • 1回复 待解决
HarmonyOS margin不生效问题
108浏览 • 1回复 待解决
HarmonyOS Button 无法添加margin left right
280浏览 • 1回复 待解决
span组件使用margin属性失效
2052浏览 • 1回复 待解决