td 사이즈 가로 세로 같게 하려면
본문
table 사이즈를 유동적으로 90%로 주고 td를 여러개로 나눴습니다.
근데 td 넓이 사이즈가 바뀔 때마다 높이도 동일한 크기로 정사각형을 유지하려면 어떻게 해야 하나요?
td 바탕에 정사각형 이미지를 넣으려 하는데 세로 사이즈가 안변하니 아래가 짤리네요.
부탁드립니다.
답변 3
jquery 를 호출하셔야합니다.
table width 90% 에서
td 3개 라 가정하고
td 마다 width 30% 를 주겠죠?
그럼 높이도 30% 주면 되지 않을까요? 이론상 입니다;;;
스크립트를 사용하셔도 될거같습니다. 대충 이런식으로요..
<table id='tbl' border='1' width='90%'><tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
<script>
$(window).load(function(){
$td_width = $("#tbl td").width();
$("#tbl td").height($td_width);
});
$(window).resize(function(){
$td_width = $("#tbl td").width();
$("#tbl td").height($td_width);
});
</script>
답변을 작성하시기 전에 로그인 해주세요.