【报Bug】justify-content: space-evenly在部分机型上无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 2.7.9

手机系统： Android

手机系统版本号： Android 5.1

手机厂商：小米

手机机型：红米

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

界面布局中使用flex，使用justify-content: space-evenly;样式

预期结果：

内容同等间距（包括距两边的距离）

实际结果：

内容全部贴左

bug描述：

在红米及部分机型上，justify-content: space-evenly;样式不生效

2020-06-18 10:43 负责人:无分享

1 个回复

DCloud_UNI_HT

justify-content: space-evenly; 的兼容本身就不是很好，可以尝试使用下的方式代替一下试试。

.container{  
      display: flex;  
      flex-flow: row nowrap;  
      align-items: center;  
      justify-content: space-between;  
       //justify-content: space-evenly;  
      &:before,  
      &:after {  
          content: '';  
          display: block;  
    }  
}

1***@qq.com (作者)

谢谢，不过因为有换行所以这个方法不行，用其他办法解决了

2020-06-18 11:53
愿随风丶飘雪

回复 1***@qq.com: 遇到了同样的问题,如果换行改使用什么属性

2020-12-17 14:04

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

【报Bug】justify-content: space-evenly在部分机型上无效

操作步骤：

界面布局中使用flex，使用justify-content: space-evenly;样式

预期结果：

内容同等间距（包括距两边的距离）

实际结果：

内容全部贴左

bug描述：

1 个回复

公告

相关问题

【报Bug】justify-content: space-evenly在部分机型上无效

操作步骤： 界面布局中使用flex，使用justify-content: space-evenly;样式

预期结果： 内容同等间距（包括距两边的距离）

实际结果： 内容全部贴左

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

界面布局中使用flex，使用justify-content: space-evenly;样式

预期结果：

内容同等间距（包括距两边的距离）

实际结果：

内容全部贴左