单词截断然后使用css应用省略号

o、 4em=1字符 8em=20个字符

我有一个60个字符的字符串。 我想显示一行20个字符，然后将剩余的文本换行到下一行，该行包含10个字符，后跟。。。三点

我尝试了上面的代码片段，但它不起作用

我引用了不同的帖子，但没有多大帮助

---

如何使用css实现这一点？

最接近的方法是以ch为单位设置最大宽度。 这是最接近css中字符宽度的近似值

试试这个：

---

只有使用固定宽度字体时，您的计算才是正确的。在TrueType字体中，字符宽度是可变的，因此字符串www比iii宽。这就是CSS处理实际字符串长度而不是字符数的原因

以下示例对此进行了说明：

ttf{ 字体大小：16px； } 固定的{ 字体系列：Courier New，monospace； 字体大小：16px； } 文本长度为32个字符

---

以32个字符长度为单位的文本，等于在用于呈现该文本的字体中找到的“0”零U+0030字形的提前测量值，因此，只有当字符串包含20 0个字符时，20字符长度字符串的计算才是正确的。谢谢您的回复。我仍然不清楚现在可以做什么？我只使用普通英文字符，而不是任何特殊类型的字体。大多数web字体都是TrueType。默认字体为TrueType。这意味着符号宽度是可变的，无论您是否使用英文字符、数字或任何其他符号。因此，字符串的宽度取决于其内容。剪辑字符串的最正确方法是使用标准。然后，您不知道有多少个字符是可见的，但可以确定可见部分的宽度适合容器大小。你有一个很好的理由使用固定数量的字母，我建议你使用固定大小的字体，比如“monospace”。

.applyWordWrap{
    max-width: 8em;
    word-wrap:break-word;    
}

 .applyWordWrap{ max-width: 20ch; word-wrap:break-word}