Css 원하는 행에서 글자 자르기

.test {
    // 한 줄 자르기
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    // 3줄 자르기
    white-space: normal;
    line-height: 1.2;
    height: 3.6em;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;

    // 여백 삽입과 같이 유연한 높이 증가를 위해 플렉스 박스형태로 변환.
    display: -webkit-box;
    // 보여줄 줄 갯수
    -webkit-line-clamp: 3;
    // 플렉스 박스의 방향 설정
    -webkit-box-orient: vertical;
}

웹킷 계열은 잘린 행의 마지막 글자 뒤에 말줄임이”…” 붙는다.
IE는 원하는 행의 수에서 자를 수 있지만 마지막 단어 뒤에 말줄임이”…” 붙지 않느다. (스크립트 처리 필요)