html - 如何像 gmail 那样在 css 中剪辑文本到电子邮件主题列表

Question

在 gmail 中，他们显示

主题 - 后面是正文的一小段

看起来正文被剪掉了，我假设这是用 css 完成的，gmail 样式表相当复杂，所以我不确定

无论如何，只有部分字母显示在被截断的行尾

有谁知道我怎样才能达到同样的效果，所以我在一列中得到完整的文本

---

明白了，谢谢@cletus

澄清一下，这就是我最终得到的结果

<div style="overflow: hidden; height: 20px;">mytitle<span style="color: gray; "> - my long description goes here</span></div>

Answer 1

要获得完整的文本剪裁效果，其中只有部分字母显示在元素的末尾，只需添加:

white-space: nowrap;