CSS로 말줄임 기법

• 한줄로 보여지게 말줄임 기법

/* **반드시 block이나 inline-block이여야함. (담을 수 있는 width가 있어야 하기 때문) */**
~~*inline은 overflow:hidden 안먹음*~~
overflow: hidden;
white-space: nowrap; *감싸지않고 한줄로 쭈루룩*
text-overflow: ellipsis; *생략이란 뜻*

• 두줄 이상의 문장으로 보여지게 말줄임 기법

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4; > *몇문장으로 보여줄지
 /* clamp(ing)고정한다는 뜻. ~~4라고 썼으니까 4줄로 보임~~ */*
-webkit-box-orient: vertical > *orginent(방향)을 vertical(세로)로 설정한다는 뜻
/* 방향을 horizontal(가로)로 하면 정해진 width값에 맞춰서
	 기존처럼 가로로 나열 되기 때문에 말줄임이 안됨 */*