Program Tip

두 개의 HTML 표 셀 병합

programtip 2020. 12. 13. 10:27
반응형

두 개의 HTML 표 셀 병합


HTML로 표를 만들고 있으며 상단 셀의 너비가 2가되도록하고 싶습니다. 다음은 대략적인 그림입니다.

__________________________________________
|                HEADER                  |
|                                        |
==========================================
|                  ||                    |
|     CONTENT      ||       CONTENT      |
|                  ||                    |
------------------------------------------

HTML에서 이것을 수행하는 방법이 있습니까?


colspan속성을 2로 설정하십시오 .

...하지만 레이아웃에 테이블을 사용하지 마십시오 .


colspan상단 셀 ( <td>)에 속성 ( '열 범위'의 약어)을 추가 하고 값을 2로 설정합니다. 테이블은 다음과 유사해야합니다.

<table>
    <tr>
        <td colspan = "2">
            <!-- Merged Columns -->
        </td>
    </tr>

    <tr>
        <td>
            <!-- Column 1 -->
        </td>

        <td>
            <!-- Column 2 -->
        </td>
    </tr>
</table>

이것을 위해 colspan을 사용하십시오

 <td colspan="3">PUR mix up column</td>

참고 URL : https://stackoverflow.com/questions/4342336/merge-two-html-table-cells

반응형