2013-04-22 92 views
1

我有一封HTML电子邮件(包含下面的HTML)发送到我们的用户群,电子邮件正确发送。如何截断HTML中的文本

我有一些很长的行,并且文本需要适合固定的布局,而长于3行的文本需要被截断。

有没有什么方法可以截断HTML中的文本?我尝试设置overflow: hidden,但它不会截断长整数。

<td valign="top" height="85" style="padding:0"> 
    <p style=" text-align:justify; height:85px; font-family: Verdana, Arial, Tahoma, sans-serif; overflow: hidden; font-size: 14px; vertical-align:text-top; margin: 0; padding:0; line-height:1.5; "> 
    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor, arcu non porta scelerisque, ipsum turpis vestibulum quam, ut dapibus arcu purus quis nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris leo magna, aliquet quis facilisis convallis, pulvinar in lectus. Maecenas consequat elementum pretium. Donec venenatis tortor at sapien cursus eget lacinia lorem egestas. Praesent eget risus ut justo dapibus cursus. Mauris tincidunt euismod massa in pellentesque. Vivamus non scelerisque nisl. 
    </p> 
</td> 
+0

可能重复[省略号截断长文本(http://stackoverflow.com/questions/11093908/ellipsis-to-truncate-a-long -文本) – 2013-05-23 16:44:04

回答

1

使用text-overflow代替:

<p style="width: 50%; overflow: hidden; text-overflow: ellipsis;">The quick brown fox jumped over the lazy dog.</p>