内容宽度 + 使用 calc() 的一定数量的 px

Question

我知道我可以做到

calc(100% + 15px)

，但是有什么办法吗 calc("内容宽度" + 15px)?

fit-content 和 auto 不起作用，这有点道理。

我有未知数量的项目，我只想获取它们所需的宽度（内联块）+一些 px

justify-content: space-between;

如果用 calc 无法完成此操作，有其他选择吗？

（如果有什么改变，我正在使用 scss）

Answer 1

使用填充物。内容+填充 => 确定大小而不使用宽度百分比。

在我的场景中，一个按钮使用伪 ::after 添加了一个“>”，并且位于距右边缘 18px 的位置。

Answer 2

我也发现自己处于这种情况，不幸的是没有找到解决方案，我使用了一个小的JS函数来分配值

width: calc ($(element).width() + 10px);

不幸的是，我无法帮助你，而不是在加载页面时通过 javascript 计算度量。

Answer 3

您尝试过以下方法吗？

width: max-content;

它适用于我的情况。我有一个

<div>

，他的孩子不知何故被包裹起来。不知怎的，

fit-content

和

auto

都不起作用。但是

width: max-content;

有效。