分词风格不适用于带有＆＃39; $＆＃39;符号

Question

word-break: break-all;样式不适用于＆＃39; $＆＃39;符号。

HTML

<div>
    <span>1234567890098765543331234567899766543</span>
    <hr>
    <span>$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$</span>
    <hr>
    <span>etryeuiiosdfghjknmbvcxzxertyuihgtrtyh</span>
</div>

CSS

div {
  width: 30px;
}
span{
  display: inline-block;
  word-break: break-all;
}

这是一个链接：https://jsfiddle.net/kxakpku0/

Answer 1

直接回答您的问题（来自https://www.w3.org/TR/css-text-3/#break-all）：

“磨合所有” 除了“正常”软包装机会之外， 行可能会在任意两个字母之间断开 （除非'line-break'属性禁止）。不应用连字符。此选项主要用于文本主要使用CJK字符且非CJK摘录很少的上下文中，并且希望文本更好地分布在每一行上。

我用粗体和斜体标出了相应的部分。进一步定义， 用于本规范的字母是属于Unicode中字母或数字常规类别之一的字符。

在这种情况下，$是Unicode字符类别＆＃39;符号，货币＆＃39;因此，它不会是一个字母，所以它只能在软休息机会中打破。

Answer 2

是word-wrap: break-word;

查看https://www.w3schools.com/cssref/css3_pr_word-wrap.asp。

Answer 3

也许你应该尝试：

word-break: break-word;