HTML CSS 2줄 말줄임

HTML CSS 2줄 말줄임

HTML CSS로 문서 컬럼 여러줄일경우에 말줄임 방법 CSS

HTML 

<class="box">
    텍스트 말줄임입니다. <br />
    텍스트 말줄임입니다. 텍스트 말줄임입니다.  텍스트 말줄임입니다. 텍스트 말줄임입니다.<br />
    텍스트 말줄임입니다. 텍스트 말줄임입니다.<br />
    텍스트 말줄임입니다.
</div>

CSS

.box{
width:200px;
display: block;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2; // 컬럼개수 
overflow: hidden;
max-height: 36px;
}