<td> 항목이 너무 많아 모바일에서 안보입니다 채택완료
그누그누1
9년 전
조회 4,161
<td> ... </td> 안에 너무 많은 체크박스를 넣어서
pc화면에서는 괜찮은데 모바일에서는 td안의 내용이 잘려서 안보이는 부분이 생깁니다.
<table width="100%"> 로 하면 모바일에서 잘리진 않지만 <tr>기타 이부분옆에 표시되지 않고 아래에 표시되네요.
화면 크기에 따라서 반응형으로 만들려면 어떻게 해야 할까요?
도움 부탁드립니다.
</p><p><tr><th scope="row"><label for="wr_14"><?php _e('기타', GC_NAME);?><strong class="sound_only"><?php _e('필수', GC_NAME);?></strong></label></th></p><p><td></p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p><input type="checkbox" name="wr_14" value="test">test</p><p></td></tr></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
중간에 div 로 감싸고 div style 에 width 값을 100%로 줘보세요.
</p><p><style></p><p>#widthauto { width:100%;}</p><p></style></p><p> </p><p><table>
<tr><th scope="row"><label for="wr_14"><?php _e('기타', GC_NAME);?><strong class="sound_only"><?php _e('필수', GC_NAME);?></strong></label></th>
<td>
<div id="widthauto">
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
<input type="checkbox" name="wr_14" value="test">test
</div>
</td></tr>
</table></p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
그누그누1
9년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
깔끔하게 잘 됩니다.^^