如何在像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;

Answer 2

这是overflow: hidden块元素上的 CSS。块级元素部分很重要。请参阅CSS 溢出属性。