[HTML/CSS] Pre tag 테이블 내 자동 줄바꿈

/**

 *     Browser :: IE9+, Chrome, Safari, Firefox, Opera

 *     Desc :: 테이블 내 텍스트 자동 줄바꿈

 */

CSS

 pre {
    white-space: pre-wrap; /* CSS3*/
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-all; /* Internet Explorer 5.5+ */ 
}

Result

이러할 때 Pre tag를 자동개행 시켜주면, 테이블 크기에 맞게 개행이 들어가게되며, 정상적으로 출력됩니다.

/**

 *    궁금한 점은 댓글로 남겨주세요.

 *   Please fell free to ask me any questions.

 */