table 안에 div width:100% 지정시 문제 > IT Note

본문 바로가기
사이트 내 전체검색

IT Note

table 안에 div width:100% 지정시 문제
0

View 13,909  | 작성일2012.10.24 00:28

본문

table 태그 안에 div style 에 width:100% 를 넣어 줬을경우 

div 때문에 테이블이 직~ 늘어나는 현상이 있습니다. 

이는 테이블의 width 값을 입력하지 않았을때 발생합니다. 

이럴때는 두가지를 넣어주면 해결됩니다. 


1. 테이블 스타일에 table-layout:fixed; 를 넣어줍니다. 

<table style='table-layout:fixed;'>

2. 비록 가변적인 td 라도 width 값을 넣어줍니다. 

<tr>
<td width='110px'></td>
<td width='80%'></td> <-- 요거
<td width='110px'></td>
</tr>

솔직히 두번째 방법은 좀 야매긴 한데 레이아웃이 망가지거나 그러진 않습니다...

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

게시물 검색

접속자집계

오늘
421
어제
383
최대
6,399
전체
655,340
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
모바일 버전으로 보기