테이블 크기 더 이상 안넘어가게 하기

"table-layout:fixed" 라는 속성을 테이블에 적용하시면 브라우져가 tr을 읽어내는 즉시 화면에 뿌려줍니다. (원래는 </table>까지 읽어야지 뿌려주죠? ^_^) 쓰는 방법은, <table style="table-layout:fixed" width=500> <col width=100><col width=200><col width=200> <tr> <td>내용</td> <td>내용</td> <td>내용</td> </tr> </table> tr이 몇십개 되지 않는(그래서 금방 로딩되는) 테이블에서는 빨라진걸 모를수도 있으니 tr이 수천/수만개되는 테이블을 직접 만들어서 테스트해보세요....-_- col 태그에 width값이 있거나 처음 td에 width값이 있는 경우에 적용됩니다. word-break:break-all; <table width=100> <tr> <td>11111111111111111(엄청길게)</td> </tr> </table> 하면 깨지는건 당연하다. 하지만 이건 style 로 수정할 수 있다. <td width=100% style='word-break:break-all;'> 이렇게 고치면 테이블이 고정된다.