【问题标题】:How can i "limit" a text inside a <p>?我如何“限制” <p> 中的文本?
【发布时间】:2013-04-18 01:55:31
【问题描述】:

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

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

还有这段文字,走出段落(我在css中有一个宽度为380的属性,并且一直走出去)。

在页尾

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

在 Chrome 上运行良好,但在 Mozilla(最新版本)中,文本会消失。

非常感谢您的帮助

【问题讨论】:

  • 我无法发布答案,因为我在这里是菜鸟,所以我在这里发布:我找到了,添加到段落中:空白:正常;你可以在这里了解一些关于空白的知识:sidar.org/recur/desdi/traduc/es/css/… 它现在在 mozilla 中运行良好,谢谢大家!

标签: html text out


【解决方案1】:

您可以使用text-overflow: ellipsis;

div {
    width:200px; 
    overflow:hidden; 
    border:1px solid #f00;
    text-overflow:ellipsis;
    white-space:nowrap; 
}
&lt;div&gt;This is very very long text This is very very long text This is very very long text &lt;/div&gt;

祝你好运……

【讨论】:

    【解决方案2】:

    我找到了,添加到段落中: 空白:正常; 你可以在这里了解一些关于空白的信息:sidar.org/recur/desdi/traduc/es/css/... 它现在在 Mozilla thx 中运行良好,对所有人来说都很好!

    【讨论】:

      【解决方案3】:
      <?php echo substr('your text',0,500); ?>
      

      打印文本的前 500 个字符

      或者当您不想使用 php 并且只想在到达块的末尾时文本消失时,在 div 块的 css 中添加 overflow:hidden;

      【讨论】:

        猜你喜欢
        • 2020-09-21
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-06-08
        • 1970-01-01
        • 2011-10-03
        • 1970-01-01
        • 2013-09-30
        相关资源
        最近更新 更多