td 사이즈 가로 세로 같게 하려면
table 사이즈를 유동적으로 90%로 주고 td를 여러개로 나눴습니다.
근데 td 넓이 사이즈가 바뀔 때마다 높이도 동일한 크기로 정사각형을 유지하려면 어떻게 해야 하나요?
td 바탕에 정사각형 이미지를 넣으려 하는데 세로 사이즈가 안변하니 아래가 짤리네요.
부탁드립니다.
|
답변 3개 / 댓글 2개
2015-07-01 (수) 10:18:24
jquery 를 호출하셔야합니다.
답변에 대한 댓글 1개
2015-07-01 (수) 10:55:28
맞아요~~ 위에 문장만 써서 되는건 아니고 code.jquery.js 뭐뭐 파일을 불러와야 위에 코딩된게 적용이 되죠^_^ ㅋㅋ
2015-06-30 (화) 17:15:15
스크립트를 사용하셔도 될거같습니다. 대충 이런식으로요..
Copy
<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>답변에 대한 댓글 1개
위즈라이트
2015-06-30 (화) 22:21:56
스크립트 써도 세로 길이는 변화가 없네요. td칸 정사각형으로 나오게 다른 방법은 없겠는지요.
2015-06-30 (화) 15:38:05
table width 90% 에서
td 3개 라 가정하고
td 마다 width 30% 를 주겠죠?
그럼 높이도 30% 주면 되지 않을까요? 이론상 입니다;;;
답변을 작성하려면 로그인이 필요합니다.