我需要更换在 safari 中不起作用的 flex gap [重复]

Question

我需要为 safari 重写 flex gap。 我有 1 个块，在这个块内我放了 3 个输入元素

[输入][输入][输入]

当我使用这个时：

.myDiv {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.myDiv > * + *  { 
margin-left: 20px;
}

我有这个：

[输入][输入]_____[输入]

但我想要这个：

[输入]____[输入]_____[输入]

如果有人知道在不降低身高的情况下做到这一点的方法吗？

因为当我添加它时，它的高度位置发生了变化。

.inline-inputs > * * {
 margin-left: 20px;
}

Answer 1

我认为您可能正在寻找 justify-content: center 修饰符。