html - 我怎样才能 "limit"<p> 中的文本？

Question

我这里有一个邮件模板时事通讯: http://www.newsletter.vendopor.com/m29-04-13/index2.html

但在最后，有一个包含该文本的段落: Por favor, envía este correo a las personas que creas le puede ayudar nuestro...

还有这段文字，走出段落(我在css中有一个width 380属性，一直往外走)。

在页面的末尾

我在谷歌上搜索过，但找不到解决方案

在 Chrome 上工作正常，但在 Mozilla(最新版本)中文本会消失。

非常感谢您的帮助

Answer 1

您可以使用text-overflow: ellipsis;

div {
    width:200px; 
    overflow:hidden; 
    border:1px solid #f00;
    text-overflow:ellipsis;
    white-space:nowrap; 
}

<div>This is very very long text This is very very long text This is very very long text </div>

祝你好运......