티스토리 뷰

출처 : 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가 크기의 상관없이 길이에 맞게 보여줍니다 긴 문자열이 적용될때 사용을 많이 하죵^^


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

공유하기 링크
TAG
댓글
댓글쓰기 폼
공지사항
Total
3,559,084
Today
73
Yesterday
590
«   2021/12   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
글 보관함