CODEWITHSUNDEEP
htmlcss
Sid Jones
Sid Jones

Reputation: 55

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?

Upvotes: 3

Views: 18386

Answers (2)

Ali Sheykhi
Ali Sheykhi

Reputation: 95

in PHP

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

Upvotes: 0

Pierre Fran&#231;ois
Pierre Fran&#231;ois

Reputation: 6061

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>

Upvotes: 5

Related Questions