태그안의 내용이 길어질 경우 ... 처리

주의 사항
div 태그에 display:flex 속성으로 위아래 좌우 center를(align-item:center, justify-content:center) 적용하면 아래 ... 적용안됨

<div class="ellipsis">Post-Transition Metal</div>

.ellipsis {
	width: 60px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	border: 1px solid black;
}

결과