Javascript 响应式设计中具有恒定间距的属性宽度

我在推出一个响应组件时遇到了问题，该组件以比例宽度缩放一些按钮，但具有恒定的空间

在下面的示例中，小箭头都是15px，我希望按钮根据我的框的最大宽度向上或向下缩放，但空格保持不变。 我尝试了这个属性：

calc（（100%/${alleemnts}）-（${spaces}/2））

但是当页面向上或向下缩放时，我并没有在所有元素之间获得完全相同的空间。 我真的很感激一些人对我的尝试的反馈，他们成功地扩展了一些元素的宽度，同时保持了它们之间的恒定空间

---

实现这一点的更好方法是通过CSS网格，您可以在其中访问CSS属性

gap: 10px; /* 10px is just an example*/

这将使您能够更好地控制布局，并提供一致的空间，从而使布局更具响应性

您可以通过以下方式了解CSS网格：

---

您能告诉我们到目前为止您做了哪些尝试吗？gap酒店解决了这个问题。事实上，我试图创建一个封装flex组件的组件。它不起作用。我使用网格作为父组件进行切换，然后在每个子组件之间设置一个间隙。非常感谢，这实际上解决了我的问题，间隙属性允许完美的响应。我真的很感谢你的帮助，祝你度过愉快的一天！很高兴我能帮上忙，很高兴编码！