[php] TABLE의 TD 고정/배경이미지 고정하는 법 > 팁앤테크

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

[php] TABLE의 TD 고정/배경이미지 고정하는 법

본문

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"

   고정된 테이블의 세로때문에 글이 고정된 세로길이까지만 보인다.
   이것을 방지하기위해 세로의 길이를 오토로 조정해줌
추천0

댓글목록 0

등록된 댓글이 없습니다.

전체 825건 5 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기