如何设置段落的字符限制？答案

【问题标题】：How can I set a character limit for paragraph?如何设置段落的字符限制？
【发布时间】：2017-12-11 20:42:00
【问题描述】：

我目前有<p>{{event.desc}}</p>，它提供了事件的完整描述。

有些描述很长，我只想要前 50 个字符。

如何做到这一点？

【问题讨论】：

substr() - php.net/manual/bg/function.substr.php
你在使用 angularjs 吗？如果是这样，请检查此docs.angularjs.org/api/ng/filter/limitTo
我没有使用 php。没有 HTML & CSS 解决方案吗？
使用CSS，你可以为你的段落指定一个最大宽度和高度，然后你可以使用CSS属性text-overflow来截断文本。
Character Limit in HTML的可能重复

标签： html css

【解决方案1】：

试试这个：

.fifty-chars {
    width: 50ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

<p class="fifty-chars">Short event description</p>
<p class="fifty-chars">Long long long long long long long long long 
    long long long long long long long long long long long long long
    long event description</p>

【讨论】：

我在 CSS 中添加了一行代码：text-overflow: ellipsis;，这将比突然截断的字符串提供更好的视觉效果。