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

표+input 문의 채택완료

타버린나무 3년 전 조회 1,462

</p>

<p><?php

include_once('./_common.php');   //그누보드 변수 사용

?>

<style>

table, td, th {

  border : 1px solid black;

  border-collapse : collapse;

};

</style></p>

<p><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개

플래토
3년 전

표의 가로폭을 지정하셔서 그렇습니다.

</p>

<p><?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>

 

로 바꿔보세요

태그와

의 첫번째에서만 조절했습니다.

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

답변에 대한 댓글 2개

타버린나무
3년 전
마찮가지입니다. 크롬이나 엣지나 마찮가지입니다.
저만 그런건가요..

INPUT 없이 td만 있으면 원하는 그림이 나옵니다.
타버린나무
3년 전
자답입니다.

인풋 빼고 표만 하면 원하는데로 나오길래 인풋에 with: 100%를 주니까 원하는데로 나오네요.

<input id="<?='r'.$r.'c'.$c?>" type="text" value="<?=$c+$r?>" maxlength="2" size="" style="border:none; width: 100%" />

답변 감사합니다.

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

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

로그인

© 2025 SIRSOFT. All rights reserved.