2008년 10월 3일 금요일

HTML Style

1. style="table-layout:fixed"
-> 테이블의 크기를 고정해 줍니다. 가로세로 모두 고정이 됩니다
2. style="word-break:break-all;"
-> 1.의 방법으로 고정된 테이블에 긴 글을 넣을경우 가로가 고정되어 있으므로 글자가 잘려 보이는 경우가 발생.이것을 방지하고 글의 자동 줄바꿈 효과를 줍니다
3. height="auto"
-> 1.의 방법으로 고정된 테이블의 세로때문에 글이 고정된 세로길이까지만 보입니다. 이것을 방지하기위해 세로의 길이를 오토로 조정해줍니다.

cf) table의 style에 width속성을 주고 table-layout을 fixed로 주고, td에 nowrap속성을 주시면 테이블이 고정되어 늘어나지 않는다.