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

Posted 2023-03-06

【中文标题】我需要更换在 safari 中不起作用的 flex gap [重复]

【英文标题】：I need to replace flex gap which doesn't work in safari [duplicate]

【发布时间】：2021-08-15 20:17:14

【问题描述】：

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

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

当我使用这个时：

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


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

我有这个：

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

但我想要这个：

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

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

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

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

【参考方案1】：

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