[CSS] 로 문자열 줄임 처리하기

전혀 PHP는 아니지만...

코딩할때 가끔 써먹는데 자꾸 잊어버려서 기록해둔다

1. 한줄 문장 문자열 ... 표시하기

.content {
    width:100px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}

2. 두줄 이상일 시 문자열 ... 표시하기

.content {
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2em;
    height:3.6em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;    
}