[CSS] 말줄임(... 처리)-여러줄 > 학습

*텍스트의 줄 수가 CSS로 지정해놓은 높이값만큼만 표시됨.

<div class="text">
안녕히세요 IP-FT입니다.
많은 관심과 사랑 부탁드립니다.
</div>

<style>
.text{
        display: -webkit-box;
        -webkit-line-clamp: 2; //표시할 줄수
    	-webkit-box-orient: vertical;
    	overflow: hidden;
    	height: 2.4em; // 줄간격 * 표시할 줄수
    	line-height: 1.2em; //줄 간격
    	text-overflow: ellipsis;
}
</style>