html 말줄임표 ... 표시하기

 

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

 

<div style="width: 100px; height: 50px; border: 1px solid gray;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
가나다라마바사아자차카타파하
</div>

 

가나다라마바사아자차카타파하