뒤늦게 알아서 뼈아픈 유용한 CSS : webkit-box

여태까지 여러줄 텍스트를 overflow hidden하기 위해 max-height를 설정하는 뻘짓거리를 해왔다. 반응형에서는 심지어 구간별로 바꿔주기까지 했는데.. 문득 그런 css가 없을리 없다는 생각이 들었다. 역시나.. 바로 나왔다. ㅠㅠ

.example p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

---

호환성 : 전부 가능