[CSS] 테이블 줄바꿈 하기

테이블에서 특정 문자열의 길이가 길어서 테이블의 모양이 변하거나, 텍스트를 줄바꿈해서 표시하고 싶을 때 아래 코드를 삽입한다.

/* 테이블 줄바꿈 스타일 적용 */
table tr td{
    overflow: hidden;
    white-space: initial;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

 

 

 

(설명 추후 추가)