[HTML] 태그 강좌 : 테이블 고정시키기

출처 : http://cafe.naver.com/spfilepds/2407

 

 ━━…━━…━━…━━--━━…━━…━━…━━--━━…━━…━━…━━…━━…━━--━━…━━

태그 강좌 : 테이블 고정시키기

━━…━━…━━…━━--━━…━━…━━…━━--━━…━━…━━…━━…━━--━━…━━…━━

이번 강좌는 우리들이 흔히 홈페이지만들때 이미지나 글을 임의적으로 넣게 되면 테이블이 깨지는 현상이 있습니다
이러한 것을 막는 방법은 아래와 같이 나와있으니 잘 보시고 효율적으로 사용하세요^^

 

<사용방법:테이블의 가로세로 크기를 고정시켜주고 홈페이지  부하를 줄여 줍니다>
<table style="table-layout:fixed">

 

<사용방법:테이블의 크기를 고정시켜주나 긴글이 들어갈경우 자동 줄바꿈해줌>
<table style="word-break:break-all">

 

<사용방법:테이블의 세로길이가 넘어갈때에 자동으로 세로길이를 맞춰주는 방법>
<table height="auto">

<사용방법:테이블의 크기의 상관없이 길이에 맞게 보여주기>
<td width="200" nowrap> 
-> nowrap가 크기의 상관없이 길이에 맞게 보여줍니다 긴 문자열이 적용될때 사용을 많이 하죵^^

━━…━━…━━…━━--━━…━━…━━…━━--━━…━━…━━…━━--━━…-━━…━━…━━…━━