표+input 문의
본문
<?php
include_once('./_common.php'); //그누보드 변수 사용
?>
<style>
table, td, th {
border : 1px solid black;
border-collapse : collapse;
};
</style>
<table width="100%" style="font-size: 2em" width="50%" >
<?php for($r=1; $r < 5 ; $r++) { ?>
<tr>
<td >
<input id="<?='r'.$r.'c'.$c?>" type="text" value="이름" size="1" style="border:none;" />
</td>
<?php for($c=0; $c <30 ; $c++) { ?>
<td>
<input id="<?='r'.$r.'c'.$c?>" type="text" value="<?=$c+$r?>" maxlength="1" size="1" style="border:none;" />
</td>
<?php }?>
</tr>
<?php }?>
</table>
위 코드를 실행하면 아래처럼 나옵니다.
....
원하는건 아래처럼 11,12 .... 의 표 크기가 더 줄어들길 바랍니다.
답변 1
표의 가로폭을 지정하셔서 그렇습니다.
<?php
include_once('./_common.php'); //그누보드 변수 사용
?>
<style>
table, td, th {
border : 1px solid black;
border-collapse : collapse;
};
</style>
<table style="font-size: 2em" >
<?php for($r=1; $r < 5 ; $r++) { ?>
<tr>
<td width="150px">
<input id="<?='r'.$r.'c'.$c?>" type="text" value="이름" size="1" style="border:none;" />
</td>
<?php for($c=0; $c <30 ; $c++) { ?>
<td>
<input id="<?='r'.$r.'c'.$c?>" type="text" value="<?=$c+$r?>" maxlength="1" size="1" style="border:none;" />
</td>
<?php }?>
</tr>
<?php }?>
</table>
로 바꿔보세요
<table> 태그와
<td> 의 첫번째에서만 조절했습니다.
마찮가지입니다. 크롬이나 엣지나 마찮가지입니다.
저만 그런건가요..
INPUT 없이 td만 있으면 원하는 그림이 나옵니다.
자답입니다.
인풋 빼고 표만 하면 원하는데로 나오길래 인풋에 with: 100%를 주니까 원하는데로 나오네요.
<input id="<?='r'.$r.'c'.$c?>" type="text" value="<?=$c+$r?>" maxlength="2" size="" style="border:none; width: 100%" />
답변 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
