Question

我将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>

Answer 1

改为使用text-overflow：

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

如何截断HTML中的文本

1 个答案: