N 줄에 걸쳐 텍스트 강제 적용

Question

div가 가변 너비입니다 (반응 형). 텍스트 내용은 사용자가 동적으로 작성하므로 내용에 따라 줄 길이가 다를 수 있습니다. 텍스트를 정확히 3 줄로 겹쳐서 묶는 방법이 있습니까? 이상적 (부트 스트랩은 JS 솔루션을 번들로 제공되는 경우 내가 강력하게 반대 아니에요 있지만)

를 자바 스크립트 나 PHP를 사용하지 않고 그래서

<div>Here is some example text that regardless of the div width is always three lines</div> 

렌더링겠습니까

Here is some example text that 
regardless of the div width 
is always three lines 

에 관계없이 사업부에 걸쳐있는 경우 등 페이지의 전체 너비 또는 단지 몇 가지.

And 
another 
example 

텍스트를 잘라내거나 덧셈을 추가하고 싶지 않습니다. 텍스트가 div에서 오버플로되었지만 허용되는 세 줄에 쌓인 경우. 차이가 있다면 부트 스트랩 4 베타를 사용하고 있습니다.

Answer 1

이 같은 div의에 클래스를 설정할 수 있습니다 경우 : 당신이 사용자가 생성 한 비트 div의를 설정할 수없는 경우

div.UserDynamic{height:3em} 

을 또는 :

<div class="UserDynamic">Here is some example text that regardless of the div width is always three lines</div> 

다음 CSS에 추가를 다음, 다음과 같이 하나의 사업부에서 전체 사용자 영역을 싸는 :

<div class="UserDynamics"><!--user content appears in this div--> 
    <div>Here is some example text that regardless of the div width is always three lines</div> 

    <div>Here is more example text that regardless of the div width is always three lines</div> 
</div> 

그리고 CSS에서을 :

...