比方说，我在某个容器中有inline-block个元素作为徽章或标签，并且我想使用text-overflow: ellipsis剪切并在末尾添加...。很简单。现在，让我们尝试在Chrome上调整容器的大小。如果我用多行代码编写徽章的所有HTML，那就很好。如果我将它们写成一行（就像如今所有框架/捆绑软件等一样）并开始调整大小，则所有点都怪异地冻结在适当的位置。
以下是演示：https://codepen.io/buszmen/pen/gOpKbVe
第一行是一行，第二行是多行。开始调整大小以查看效果。
这在Firefox上工作正常。 我想使用一行，否则会生成不需要的空格。我想我可以在CSS边距中考虑此空格，但这听起来像是一种解决方法，而不是解决方案。
有人可以向我解释吗？