小小白啊
小小白啊
  • 发布:2022-03-04 11:40
  • 更新:2022-03-04 13:19
  • 阅读:647

【报Bug】Vue3环境下padding-right不生效

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windiws10 ltsc

HBuilderX类型: 正式

HBuilderX版本号: 3.3.11

浏览器平台: Chrome

浏览器版本: 98.0.4758.102

项目创建方式: HBuilderX

示例代码:
    <view class="login__container"></view>  

<style lang="scss">  
    .login__container {  
        width: 100%;  
        height: 100vh;  
        display: flex;  
        flex-direction: column;  
        background-color: #F6F8FB;  
        padding-left: 40rpx;  
        padding-right: 40rpx;  
}  
</style>  

操作步骤:
    <view class="login__container"></view>  

<style lang="scss">  
    .login__container {  
        width: 100%;  
        height: 100vh;  
        display: flex;  
        flex-direction: column;  
        background-color: #F6F8FB;  
        padding-left: 40rpx;  
        padding-right: 40rpx;  
}  
</style>  

预期结果:

padding-right 生效

实际结果:

并没有

bug描述:

不管padding写法 还是分开 padding-right 写法。right就是不生效.

2022-03-04 11:40 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

跟vue3,vue2没有关系,是基础的css排版知识
补充 box-sizing: border-box; 或者移除width:100%

https://www.w3school.com.cn/cssref/pr_box-sizing.asp

该问题目前已经被锁定, 无法添加新回复