小编Mav*_*det的帖子

我对Chrome移动设备的space-evenly价值存在问题justify-content(它在桌面和Firefox移动设备上运行正常).

我设法产生了一个最小的例子:例子

我有一个行方向的柔性容器,我希望元素在使用时按预期均匀分布space-evenly.它适用于桌面设备,但在Chrome移动设备(Android版本59)上,元素在左侧对齐.以下是两者的比较:比较

center和space-around值工作打算,不过,但我真的想使用space-evenly或同等学历(的flex-wrap: wrap行为也很重要,对我来说).

这是我的HTML:

<div class="container">
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
</div>

这是我的CSS:

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: lightgrey;
}

.element {
  margin: 8px;
  width: 42px;
  height: 42px;
  background: black;
}

提前致谢!