[CSS] 긴글입니다긴글입니다긴글입니...

넓이가 정해진 요소 안에 긴글이 들어갈 때, 요소에서 튀어나오지 않고 글자 마지막에 "..."로 생략하고 싶은 경우에 다음과 같이 작성하면 된다.

• white-space: nowrap;
• overflow: hidden;
• text-overflow: ellipsis;

.target {
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 

---

참고 자료

https://webdir.tistory.com/483