2013-04-22 63 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>