[css] ellipsis, 여러 줄 텍스트 한 줄로 표시

 

CSS

.multiline-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-border {
    width: 300px;
    border: 2px solid red;
}

HTML

<div class="box-border multiline-ellipsis">
    여러 줄 텍스트를 한 줄 텍스트로 표시하기. 여러 줄 텍스트를 한 줄 텍스트로 표시하기.여러 줄 텍스트를 한 줄 텍스트로 표시하기.여러 줄 텍스트를 한 줄 텍스트로 표시하기.여러 줄 텍스트를 한 줄 텍스트로 표시하기.
</div>