<td> 항목이 너무 많아 모바일에서 안보입니다

그누그누1

프로필 보기 이 회원 글보기 이 회원의 댓글보기

9년 전 4,249

<td> ... </td> 안에 너무 많은 체크박스를 넣어서

pc화면에서는 괜찮은데 모바일에서는 td안의 내용이 잘려서 안보이는 부분이 생깁니다.

<table width="100%"> 로 하면 모바일에서 잘리진 않지만 <tr>기타 이부분옆에 표시되지 않고 아래에 표시되네요.

화면 크기에 따라서 반응형으로 만들려면 어떻게 해야 할까요?

도움 부탁드립니다.

Copy

<tr><th scope="row"><label for="wr_14"><?php _e('기타', GC_NAME);?><strong class="sound_only"><?php _e('필수', GC_NAME);?></strong></label></th><td><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</td></tr>

html 표 여분필드

답변 2개 / 댓글 2개

채택된 답변

+20 포인트

애드프로

프로필 보기 이 회원 글보기 이 회원의 댓글보기

9년 전

중간에 div 로 감싸고 div style 에 width 값을 100%로 줘보세요.

Copy

<style>#widthauto { width:100%;}</style> <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>