Chrome 55.0.2883.95中CSS连字符的行为变化

现在似乎将“连字符”设置为“自动”比“空白：nowrap”具有更高的优先级。 在以前版本的Chrome（Mac上为54）和其他浏览器（FF、Safari、IE）中，“空白：nowrap”的出价似乎超过了连字符。 因此，如果指定空白：nowrap和文本溢出：省略号，则无论连字符设置如何，文本都会被省略号截断

从55.0.2883.95（Mac版本）开始，即使指定了空格：nowrap，连字符：auto也会进行换行。 我同意同时指定连字符和nowrap听起来很愚蠢。。 但由于这是一个“新”行为，我想确认这是一个bug还是一个预期行为

我创建了一个简单的提琴来测试这个问题，以比较其他浏览器的行为

div{
宽度：75px；
边框：1px纯黑；
}
div.testCls{
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
-webkit连字符：自动；
-ms连字符：自动；
连字符：自动；
}

---

一个非常长的英文单词

对于使用

连字符：auto

的Chrome，如果查看，您会发现Chrome的

auto

属性不受支持。当我测试这个时，Chrome中没有显示连字符（除非使用手动连字符方法）

---

根据你的问题，我没有找到正式的文档来回答你的问题，但我在Chrome、Firefox和IE（Windows）上测试了你的代码，发现使用

空白：nowrap在所有情况下都会导致文本不连字符。只要使用
nowrap
值，这也会导致
溢出：隐藏元素和
文本溢出：省略号
将按预期工作，因为这两个元素都需要非换行文本来显示其属性。希望这有帮助
我相信这是chrome的问题；同样的代码在firefox和safari中也能正常工作

要解决这个问题，只需添加连字符：无；在你的truncate类中。
你能添加你看到的图像吗？Ubuntu上的Chromium 55.0.2883.87与Firefox类似。添加了一个屏幕截图。我的声望太低了，我不能再发布FireFox的截图了。。在firefox中，内容在一行中显示为“Anextre…”。caniuse说Mac支持自动属性。。这是我在标题中指定的版本。55.0.2883.95. 如果您使用Mac在最新的Chrome浏览器中尝试my code（fiddle），您会注意到连字符将包装内容，即使指定了连字符。看起来连字符从55.0.2883.95开始在chrome中工作。。但是为什么它的行为与其他浏览器不同呢？明白了。当我接触到一台Mac电脑时，我必须对它进行测试，并在Chrome中创建一个问题，以确认它是否是Chrome中的一个bug。看起来他们可能会在下一个版本（56）中“修复”这个问题。我看到上面的票据被标记为M56。Chrome在下一个版本中修复了这个问题。连字符仅在允许换行时有效。