JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="singleline">
안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요
</div>

<div class="multiline">
안녕하세요..안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요
</div>

CSS

div {margin:30px 0;background:#eeeeee;}

.singleline {
  overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
word-wrap:normal
}
.multiline {
  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}