채택완료

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

2022-04-30 (토) 15:32:15 1,624

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

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

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

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

초보라..ㅠ

Copy
<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>

2948603395_1651300193.8311.png

|

답변 2개

채택된 답변
+20 포인트

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

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

<table style="display:inline-block;">

2022-04-30 (토) 15:50:06

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

flex 한번 검토해 보세요.

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