51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS width设置100%,margin左右间距不生效

HarmonyOS width设置100%,margin左右间距不生效。

HarmonyOS
Heiang
2024-10-17 11:43:06
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa
FengTianYa

线性布局在给子组件设置margin值时，子组件的宽度就是本身的宽度加上margin的宽度，设置wdith(‘100%’)后再设置margin，子组件宽度就会超过父组件，所以得不到想要的效果。可以使用layoutWeight属性，对子组件进行重新布局，占主轴尺寸按照权重进行分配。参考文档：​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-size-V5#layoutweight​​

Row() {  
  Text('啊啊啊啊啊啊啊啊啊')  
    .layoutWeight(1)  
    .margin({ left: 20, right: 20 })  
    .backgroundColor(Color.Pink)  
}  
.width('100%')
分享
微博
QQ
微信
回复
2024-10-17 16:12:44
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 宽度100% margin左右不生效
1520浏览 • 1回复 待解决
HarmonyOS .width('100%')和margin同时设置，左右margin无效
1259浏览 • 1回复 待解决
HarmonyOS 宽度100%，左右间距不生效
927浏览 • 1回复 待解决
HarmonyOS 组件设置margin左右20，width 100% margin会失效
4253浏览 • 2回复 待解决
HarmonyOS 宽度设置“100%”，设置margin不生效怎么办
818浏览 • 1回复 待解决
HarmonyOS margin不生效
1716浏览 • 1回复 待解决
HarmonyOS Span设置padding和margin不生效，但是imagespan生效
1533浏览 • 1回复 待解决
HarmonyOS margin不生效问题
1264浏览 • 1回复 待解决
HarmonyOS 父组件左右设置margin，右侧margin没生效，改成padding就可以了
1373浏览 • 1回复 待解决
HarmonyOS 用calc设置宽度.width(calc(100% -30))，根据需要设置的margin做动态赋值
2080浏览 • 1回复 待解决
HarmonyOS span多个之间的间隙怎么设置margin不生效？
1097浏览 • 1回复 待解决
HarmonyOS right的padding和margin不生效
1862浏览 • 1回复 待解决
HarmonyOS 容器布局的宽度设为100%时还想使用左右的margin
1364浏览 • 1回复 待解决
在Tab中的TabContext设置stack的margin，只有左边生效，右边不生效
1376浏览 • 1回复 待解决
HarmonyOS text组件不设置width
943浏览 • 1回复 待解决
HarmonyOS 容器类的组件设置了margin，如何实现当内容为空时margin不生效
685浏览 • 1回复 待解决
如何设置镜像语言的左右间距
1342浏览 • 1回复 待解决
HarmonyOS CustomDialog怎么设置弹窗背板和左右的margin？
980浏览 • 1回复 待解决
HarmonyOS 设置宽度为100%则左右边距失效
963浏览 • 1回复 待解决
ConstraintSize尺寸设置不生效
3545浏览 • 1回复 待解决
HarmonyOS 在设置宽度为"100%"时，为什么margin right会失效？
1638浏览 • 1回复 待解决
HarmonyOS 子控件使用margin控制跟parent之间的左右边距不生效，看官网demo是用的宽度控制的
878浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 不生效
2091浏览 • 1回复 待解决
HarmonyOS stack设置圆角不生效
1223浏览 • 1回复 待解决
HarmonyOS tabs组件.width('100%').barWidth('90%') tabbar 默认居中 怎么设置居左
929浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙Next解决子组件全屏后margin不生效 0回复
overflow: scroll; 不生效 1回复
removeComponent删除组件不生效 2回复
setVisibility隐藏不生效 0回复
ulimits不生效导致数据库启动失败和相关设置说明 0回复