TABLE의 TD 고정/배경이미지 고정하는 법

1. 테이블 고정
view plaincopy to clipboardprint? <table width=100px height=5px style="table-layout:fixed"> <tr> <td> <div style="width:100%;height:100%;overflow:auto;"> 여기 내용이 테이블 길이보다 길어지면 스크롤바가 생기게 됨. </div> </td> </tr> </table> <table width=100px height=5px style="table-layout:fixed"> <tr> <td> <div style="width:100%;height:100%;overflow:auto;"> 여기 내용이 테이블 길이보다 길어지면 스크롤바가 생기게 됨. </div> </td> </tr> </table>
2. td안의 텍스트 길이 고정
view plaincopy to clipboardprint? <td height="auto" style="word-break:break-all"> 글자가 테이블길이만큼 쓰여지고 나머지는 다음줄에 이어서 쓰여짐. </td> <td height="auto" style="word-break:break-all"> 글자가 테이블길이만큼 쓰여지고 나머지는 다음줄에 이어서 쓰여짐. </td>

1. style="table-layout:fixed"

테이블의 크기를 가로세로 모두 고정시킴.

2. style="word-break:break-all;"

고정된 테이블에 긴 글을 넣을경우 가로가 고정되어 있으므로 글자가 잘려 보이는 경우가 발생.
이것을 방지하고 글의 자동 줄바꿈 효과

3. height="auto"

고정된 테이블의 세로때문에 글이 고정된 세로길이까지만 보인다.
이것을 방지하기위해 세로의 길이를 오토로 조정해줌