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

Question

自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中呈现。

Answer 1

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

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

Answer 2

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

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