如何在像gmail这样的css中剪辑文本会给主题列表发送电子邮件

时间:2009-08-05 10:49:11

标签: html css

在gmail中,他们显示

主题 - 然后是身体的短片段

看起来身体文字被剪裁了,我假设这是用css完成的,gmail样式表相当复杂,所以不确定

无论如何,只有部分字母显示在它们被切断的行的末尾

有谁知道我怎么能达到同样的效果,所以我在列中获得全长文本


得知它感谢@cletus

只是为了澄清,这就是我最终的结果

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

3 个答案:

答案 0 :(得分:8)

要获得完整的文字剪辑效果,只有部分字母显示在元素的末尾,只需添加:

white-space: nowrap;

答案 1 :(得分:3)

块元素上的overflow: hidden CSS。块级元素部分很重要。请参阅The CSS Overflow Property

答案 2 :(得分:0)

这个在IE6-7中不起作用。请改用text-overflow css属性。更多关于它:http://www.blakems.com/archives/000077.html(这不会验证!验证者通知,它是css2.1中不存在的css3属性...)