css - 想要修复 "word-break"以便它适用于非 ASCII 标点符号和空格

Question

我想修复 css 分词属性的功能。目前，它不会中断非 ascii 的空格和标点符号。 ”“”应该和“”一样有效，就像“、”应该和“,”一样有效。

不确定如何着手进行这样的更改。有谁知道联系谁或者是否有我可以访问的存储库？

Answer 1

W3C 的 line breaking specification州

In most writing systems, in the absence of hyphenation a soft wrap opportunity occurs only at word boundaries. Many such systems use spaces or punctuation to explicitly separate words, and soft wrap opportunities can be identified by these characters.

浏览器将对大多数 Unicode 空格以及其他一些空格执行软换行。然而，默认情况下，字符不描绘环绕机会。诸如 ” 之类的字符在设计上不是换行描述符。

---

如果您有一个定义好的字符列表，您可以使用 JavaScript 用可包装的标签将它们包围起来。

punctuation = [ '”' ];

var paragraphs = document.querySelectorAll( 'p' );
for ( var p = 0; p < paragraphs.length; p++ ) {
    for ( var j = 0; j < punctuation.length; j++ ) {
        var re = new RegExp(punctuation[j], "g"),
            text = paragraphs[ p ].innerHTML;
        paragraphs[ p ].innerHTML = text.replace(re, '<wb>' + punctuation[j] + '</wb>');
    }
}

wb {
    display: inline-block;
}

<p>averylongworldconsistingof”words”runtogether”withsomenonbreaking”characters”averylongworldconsistingof”words”runtogether”withsomenonbreaking”characters”averylongworldconsistingof”words”runtogether”withsomenonbreaking”characters”averylongworldconsistingof”words”runtogether”withsomenonbreaking”characters</p>