css를 이용한 글자 자르기

css

.ellipsis{
	white-space:nowrap;
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;		/* Opera under 10.7 */
	overflow:hidden;			/* "overflow" value must be different from "visible" */ 
	-moz-binding: url('ellipsis.xml#ellipsis');
}

html

<div class="ellipsis"> 문자 aaa bbb ccc ddd eee fff ggg hhh iii jjj kkk </div>

See the Pen css 이미지 중앙정렬 by younghyeong ryu (@wangta69) on CodePen.