如何设置段落字符限制？

Question

我目前拥有<p>{{event.desc}}</p>该事件的完整描述。

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

如何才能实现这一目标？

Answer 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>