css로 말줄임표
div{
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
css로 말줄임표를 적용하려면 위와같이 작성한다. 단 display:flex
속성이 있다면 적용되지 않는다. 주의할것!
+
한줄 말줄임표가 아닌 여러줄을 만들고 싶을때 사용
div{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}