라이트모드
다크모드
table 안에 div width:100% 지정시 문제
0
View 15,303 | 작성일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>
솔직히 두번째 방법은 좀 야매긴 한데 레이아웃이 망가지거나 그러진 않습니다...