[Html] table 속성 - 사이즈고정, 자동줄바꿈

테이블로 코딩을 하다보면 셀의 내용이 길어져서 테이블 크기가 바뀔 때가 있다.

셀의 크기를 지정해줘도 소용이 없는 이 현상을 스타일로 해결하는 방법.

테이블의 크기를 고정시키고 자동으로 줄바꿈을 해주는 기능입니다.

<table> 에 style="table-layout:fixed;"를 추가해서 테이블 크기를 고정 해준다.

<table style="table-layout:fixed;"> ☞ (다음게시글 경우) TABLE-LAYOUT: fixed;

긴 내용이 들어가는 셀 <td>에 style="word-break:break-all;"를 추가해서 자동줄바꿈을 해준다.
<td style="word-break:break-all;">   ☞ (다음게시글 경우) WORD-BREAK: break-all;