[CSS] 텍스트 길이 제한 (...) 표시하기

글자 수 초과시 (...) 표시하기

HTML 요소 크기에 비해 텍스트 길이가 길 때, (...)으로 표시하는 CSS속성으로 다음과 같다.

text-overflow : clip | ellipsis | string

clip : (...) 생략 문자를 표기하지 않고 그냥 삭제시킨다.

ellipsis : (...) 생략문자를 표기한다.

string : 현재 지원되는 브라우저가 없다.(입력한 문자로 생략문자 표기)

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

white-space : 텍스트 길이가 초과했을때 다음줄로 넘어가지 않도록 해줌.