테스트 사이트 - 개발 중인 베타 버전입니다

td 사이즈 가로 세로 같게 하려면

위즈라이트 10년 전 조회 8,504

table 사이즈를 유동적으로 90%로 주고 td를 여러개로 나눴습니다.

근데 td 넓이 사이즈가 바뀔 때마다 높이도 동일한 크기로 정사각형을 유지하려면 어떻게 해야 하나요? 

td 바탕에 정사각형 이미지를 넣으려 하는데 세로 사이즈가 안변하니 아래가 짤리네요.

부탁드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

10년 전

jquery 를 호출하셔야합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

카마지존
10년 전
맞아요~~ 위에 문장만 써서 되는건 아니고 code.jquery.js 뭐뭐 파일을 불러와야 위에 코딩된게 적용이 되죠^_^ ㅋㅋ

댓글을 작성하려면 로그인이 필요합니다.

10년 전

스크립트를 사용하셔도 될거같습니다. 대충 이런식으로요..

 

</p><table id='tbl' border='1' width='90%'><div><tr></div><div><td>1</td></div><div><td>2</td></div><div><td>3</td></div><div></tr></div><div><tr></div><div><td>4</td></div><div><td>5</td></div><div><td>6</td></div><div></tr></div><div></table></div><div>
</div><div><script></div><div>$(window).load(function(){</div><div>$td_width = $("#tbl td").width();</div><div>$("#tbl td").height($td_width);</div><div>});</div><div>$(window).resize(function(){</div><div>$td_width = $("#tbl td").width();</div><div>$("#tbl td").height($td_width);</div><div>});</div><div></script></div><div>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

위즈라이트
10년 전
스크립트 써도 세로 길이는 변화가 없네요. td칸 정사각형으로 나오게 다른 방법은 없겠는지요.

댓글을 작성하려면 로그인이 필요합니다.

10년 전

table width 90% 에서

td 3개 라 가정하고

td 마다 width 30% 를 주겠죠?

 

그럼 높이도 30% 주면 되지 않을까요? 이론상 입니다;;; 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인