HTML表格：在colspan之后合并列？ 我们考虑下表；jsfiddle： 语言 学期 缺席 分数 1. 2. 3. 4. 1. 2. A. 硕士 10 媒体 10

如何将最后一行的第二列与

Language

列中的第三列合并

使用colspan='2'：

<table border="1">
    <thead>
        <tr>
            <td></td>
            <td colspan="2"><b>Language</b></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2"><b>Semester</b></td>
            <td><b><i>Absences</i></b></td>
            <td><b><i>Grades</i></b></td>
        </tr>
        <tr>
            <td style="border-bottom-color: white">
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
            </td>
            <td>
                <div>1</div>
                <div>2</div>
                <div>a</div>
            </td>
        </tr>
        <tr>
            <td><b>Master Grade</b></td>
            <td></td>
            <td>10</td>
        </tr>
        <tr>
            <td >Media</td>
            <td colspan="2">10</td>
        </tr>
    </tbody>
</table>

语言
学期
缺席
分数
1.
2.
3.
4.
1.
2.
A.
硕士
10
媒体
10

只需将

colspan=“2”

作为属性添加到

td

语言
学期
缺席
分数
1.
2.
3.
4.
1.
2.
A.
硕士
10
媒体
10

最后一行使用

colspan=“2”

最后一行

td

<table border="1">
    <thead>
        <tr>
            <td></td>
            <td colspan="2"><b>Language</b></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2"><b>Semester</b></td>
            <td><b><i>Absences</i></b></td>
            <td><b><i>Grades</i></b></td>
        </tr>
        <tr>
            <td style="border-bottom-color: white">
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
            </td>
            <td>
                <div>1</div>
                <div>2</div>
                <div>a</div>
            </td>
        </tr>
        <tr>
            <td><b>Master Grade</b></td>
            <td></td>
            <td>10</td>
        </tr>
        <tr>
            <td >Media</td>
            <td colspan="2">10</td>
        </tr>
    </tbody>
</table>