HarmonyOS 组件包含margin或padding时,宽度设置为100%会超出屏幕
HarmonyOS 组件包含margin或padding时,宽度设置为100%会超出屏幕。
        HarmonyOS
      
        赞
        
 收藏 0
 回答 1
 
        待解决
        
相关问题
 HarmonyOS 在设置宽度为"100%"时,为什么margin right会失效? 
1720浏览  • 1回复 待解决
HarmonyOS with设置100%会超出屏幕,无法滑出 
830浏览  • 1回复 待解决
HarmonyOS  组件设置margin左右20,width 100% margin会失效 
4909浏览  • 2回复 待解决
HarmonyOS  宽度设置“100%”,设置margin不生效怎么办 
916浏览  • 1回复 待解决
HarmonyOS  宽度100% margin左右不生效 
1650浏览  • 1回复 待解决
HarmonyOS  Image设置padding后,再设置margin,会影响图标变小 
1193浏览  • 1回复 待解决
HarmonyOS 容器布局的宽度设为100%时还想使用左右的margin 
1453浏览  • 1回复 待解决
HarmonyOS  设置宽度为100%则左右边距失效 
1033浏览  • 1回复 待解决
HarmonyOS .width('100%')和margin同时设置,左右margin无效 
1401浏览  • 1回复 待解决
HarmonyOS Image设置了图片宽度为100%,如何知道这个UI组件的宽度具体是多少 
790浏览  • 1回复 待解决
HarmonyOS 父组件左右设置margin,右侧margin没生效,改成padding就可以了 
1533浏览  • 1回复 待解决
设置子组件的宽度不超出父组件 
1613浏览  • 1回复 待解决
HarmonyOS 用calc设置宽度.width(calc(100% -30)),根据需要设置的margin做动态赋值 
2267浏览  • 1回复 待解决
HarmonyOS  子组件超出父组件宽度 
1262浏览  • 1回复 待解决
HarmonyOS 容器类的组件设置了margin,如何实现当内容为空时margin不生效 
748浏览  • 1回复 待解决
HarmonyOS Span不支持设置Margin、Padding、Border 
1513浏览  • 1回复 待解决
Web组件展示页面片,h5内容会超出Web组件宽度 
1428浏览  • 1回复 待解决
HarmonyOS width设置100%,margin左右间距不生效 
2654浏览  • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题 
1359浏览  • 1回复 待解决
HarmonyOS Span设置padding和margin不生效,但是imagespan生效 
1688浏览  • 1回复 待解决
HarmonyOS Swiper组件宽度是100%,displayCount为2,子组件不居中显示问题 
989浏览  • 1回复 待解决
鸿蒙开发,tab组件中TabBar如何自适应宽度,超出屏幕可以滑动? 
2082浏览  • 1回复 待解决
HarmonyOS Column组件内子元素在不用width('100%')属性时,如何设置子元素宽度填充满父组件区域? 
1868浏览  • 1回复 待解决
popup自定义,为什么无法100%宽度,一设置满屏幕就会出问题 
1519浏览  • 1回复 待解决
组件宽度width是否包含borderWidth 
1319浏览  • 1回复 待解决





















1. 线性布局在给子组件设置margin值时,子组件的宽度就是本身的宽度加上margin的宽度,设置wdith('100%')后再设置margin,子组件宽度就会超过父组件,所以得不到想要的效果。
2. 建议width值和margin都用百分比控制,加起来是100%;不过可以在父子组件中,通过设置padding实现左右预留边距,从而使得子组件不超出屏幕。
3. 另外可以使用到Flex布局来实现,参考代码示例: