글 줄이기 속성 (글뒤에 … 붙히기)

개발중에 한정된 사이즈에서 글자수가 많아서 곤란한 경우,

글자수를 줄여야 할 경우가 있습니다.

CSS 속성을 모를경우,

스크립트로 일정글자수 이상된다면 뒷부분을 자르거나 하는 삽질을... :(

하지만 아주 좋은 CSS속성이 있습니다.

.selecter {
	display: inline-block; 
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap; 
	width: 185px;
}

상위게 기술해놓은 5가지 속성 모두 사용하셔야합니다.

안그럼 적용되지 않습니다.

적용을 마치고 나면 이렇게 바뀌게 됩니다. :)

좌) 적용전            /            우) 적용후