 |
|
| |
| TABLE의 TD 고정 - 배경이미지 고정하는 법 |
|
|
  |
14년 전 |
1. 테이블 고정
<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안의 텍스트 길이 고정
<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"
고정된 테이블의 세로때문에 글이 고정된 세로길이까지만 보인다.
이것을 방지하기위해 세로의 길이를 오토로 조정해줌 |
|
 추천 : 389 |
추천
목록
|
|
| |
|
