한줄 효과

{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

 

1. overflow: hidden; - 내가 지정한 영역외에는 아무곳에서도 보이지 마라.

2. text-overflow: ellipsis;  내가 지정한 영역에서 범위를 벗어나면 끝을 ...으로 표현해준다. 

3. white-pace: nowrap; - 두줄을 한줄로 바꿔준다.

 

♥♥♥ {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 이 세가지를 한꺼번에 같이 써주면 한줄 효과.  ♥♥♥