td 사이즈 가로 세로 같게 하려면
본문
table 사이즈를 유동적으로 90%로 주고 td를 여러개로 나눴습니다.
근데 td 넓이 사이즈가 바뀔 때마다 높이도 동일한 크기로 정사각형을 유지하려면 어떻게 해야 하나요?
td 바탕에 정사각형 이미지를 넣으려 하는데 세로 사이즈가 안변하니 아래가 짤리네요.
부탁드립니다.
답변 3
jquery 를 호출하셔야합니다.
맞아요~~ 위에 문장만 써서 되는건 아니고 code.jquery.js 뭐뭐 파일을 불러와야 위에 코딩된게 적용이 되죠^_^ ㅋㅋ
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>
스크립트 써도 세로 길이는 변화가 없네요. td칸 정사각형으로 나오게 다른 방법은 없겠는지요.
답변을 작성하시기 전에 로그인 해주세요.