'How can I set a character limit for paragraph?

I currently have <p>{{event.desc}}</p> which gives the entire description of the event.

Some have very long description, and i only want, say, the first 50 characters.

How can this be achieved?

htmlcss


Solution 1:[1]

Try this:

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

Solution 2:[2]

in PHP

<?php
if (strlen($myString) > 20) {
echo substr($myString, 0, 20) . '...';
 } else {
echo $myString;
}
?>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Ali Sheykhi

Related Questions