Chrome 78.0.3904.70上的“空白：nowrap”问题

10

自Chrome v78.0.3904.70发布以来，我发现 CSS属性的使用存在问题white-space: nowrap;。不间断的空格似乎导致换行。使用时text-overflow: ellipsis，实际文本将不会显示，因为它在容器外部被打断了。似乎只有在文本太长而无法显示时才会发生。

.box-inline {
    max-width: 120px;
    overflow: hidden;
    height: 16px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

<div class="mar-rgt box-inline text-sm"><span class="label" style="background: rgb(176, 223, 246);"></span>&nbsp;Not meeting expecations</div>

展开摘要

它在我们的应用程序上引起了一些显示问题。这是错误还是我的代码有问题？

该代码在React 16中呈现。

— 卢卡斯·布莱克赫斯特（Lucas Blackhurst）
source

Chrome 78.0.3904.87已发布，我无法重现此问题（尝试了您的摘录）。你能告诉我吗？

— Syed Aqeel Ashiq，

4

此问题将在2019年12月10日发布的M79版本中修复，如下所示：

https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

— 卢卡斯·布莱克赫斯特（Lucas Blackhurst）
source

1

您可以删除“ nbsp;” 并使用边距或填充，它将可以正常工作。

该错误已报告https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

— Divyesh Rupawala
source

感谢您引用所报告的错误。我希望这很简单，只需删除＆nbsp; 但这发生在实时系统中，如果不经过严格的发布过程就不能对其进行更改。

— 卢卡斯·布莱克赫斯特