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

테이블 여러개를 옆으로 나열하려면..머로감싸야.. 채택완료

intercue 3년 전 조회 1,426

형님들 아주 기초적인 질문인데요..

이렇게 이렇게 세로형태의 테이블을 일렬로 이름다른걸로 여러게 옆으로 3~4개 하려면

table을 머로 감싸야하나요...

css는 안쓰구요 일단 여긴 html로만..

초보라..ㅠ

</p>

<p><table >

    <caption>MRI</caption>

    <thead>

        <tr>

            <td></td>

            <th scope="col">1월</th>

            <th scope="col">2월</th>

            <th scope="col">3월</th>

            <th scope="col">4월</th>

            <th scope="col">5월</th>

            <th scope="col">6월</th>

            <th scope="col">7월</th>

            <th scope="col">8월</th>

            <th scope="col">9월</th>

            <th scope="col">10월</th>

            <th scope="col">11월</th>

            <th scope="col">12월</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <th scope="row">정벌</th>

            <td>190</td>

            <td>160</td>

            <td>40</td>

            <td>190</td>

            <td>160</td>

            <td>40</td>

            <td>120</td>

            <td>30</td>

            <td>70</td>

            <td>120</td>

            <td>30</td>

            <td>70</td>

        </tr>

        <tr>

            <th scope="row">김희정</th>

            <td>3</td>

            <td>40</td>

            <td>30</td>

            <td>3</td>

            <td>40</td>

            <td>30</td>

            <td>45</td>

            <td>35</td>

            <td>49</td>

            <td>45</td>

            <td>35</td>

            <td>49</td>

        </tr>

        <tr>

            <th scope="row">양승희</th>

            <td>10</td>

            <td>180</td>

            <td>10</td>

            <td>10</td>

            <td>180</td>

            <td>10</td>

            <td>85</td>

            <td>25</td>

            <td>79</td>

            <td>85</td>

            <td>25</td>

            <td>79</td>

        </tr>

        <tr>

            <th scope="row">김민아</th>

            <td>40</td>

            <td>80</td>

            <td>90</td>

            <td>40</td>

            <td>80</td>

            <td>90</td>

            <td>25</td>

            <td>15</td>

            <td>119</td>

            <td>25</td>

            <td>15</td>

            <td>119</td>

        </tr>

        <tr>

            <th scope="row">강경례</th>

            <td>20</td>

            <td>40</td>

            <td>50</td>

            <td>20</td>

            <td>40</td>

            <td>50</td>

            <td>15</td>

            <td>25</td>

            <td>50</td>

            <td>15</td>

            <td>25</td>

            <td>50</td>

        </tr>    

    </tbody>

</table>    </p>

<p>

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

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
3년 전

위 테이블 전체를 다시 또다른 테이블의 각각의 셀에 넣으세요.

 

또는, 아래처럼 인라인 스타일 추가해보시든가....

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

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

https://d2.naver.com/helloworld/8540176

flex 한번 검토해 보세요.

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

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

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

로그인

© 2025 SIRSOFT. All rights reserved.