如何“限制”<p>中的文本?</p>

时间:2013-04-24 13:26:52

标签: html text out

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

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

这个文字,出去了段落(我在css中有一个宽度380属性并且继续出去)。

它位于页面的末尾

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

在Chrome上正常运行,但在Mozilla(上一版本)中,文字即将发布。

非常感谢你的帮助

3 个答案:

答案 0 :(得分:7)

您可以使用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>

祝你好运......

答案 1 :(得分:6)

<?php echo substr('your text',0,500); ?>

打印文本的前500个字符

或者当你不想使用php而只是希望文本在到达块的末尾时消失,在div块的css中添加overflow:hidden;

答案 2 :(得分:-1)

我找到了,这添加到段落中: 白色空间:正常; 你可以在这里学习一些关于白色空间的内容:sidar.org/recur/desdi/traduc/es/css / ... 它现在在mozilla中很好用了很多!