Html 收缩跨距标记以匹配其他跨距宽度

我试图消除与另一个跨度不匹配的跨度中的任何溢出

这就是我要处理的

因此，

.graph span

与

.text span

的宽度不匹配。我认为溢出：隐藏就可以了。我想不是。我走错方向了吗

---

如有任何见解和帮助，将不胜感激。谢谢大家!

span标签将根据需要占用尽可能多的空间。如果仔细观察，您将在

.graph

中插入一个画布元素，其内联样式将宽度显式设置为116px

---

也许相反，您应该将画布元素的宽度设置为动态的，并将其设置为相邻

.text

span的宽度。

.text

元素不在

.graph

元素内，因此没有理由

溢出：隐藏
在
上。graph
应该剪辑
.text

您应该在包含图形和文本的元素上设置静态宽度以及
溢出：隐藏
和
文本对齐：对齐
：

您可能还需要
空白：nowrap
来防止过长的文本换行到下一行