단락의 글자 수 제한을 어떻게 설정할 수 있습니까?

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>