HTML 和表格

Question

我有这样的表:http://jsfiddle.net/jDTTx/

我不明白如何将带有文本 1 的单元格拆分为 2 个水平单元格。你能帮我解决这个问题吗？

Answer 1

您需要将其上方行中所有单元格的行跨度设置为 2，并将希望拆分显示的两个单元格的行跨距保留为 1。

查看实际效果:http://jsfiddle.net/jDTTx/6/

    <table border="1" style="border: 2px solid black; width: 50%; margin: 0 auto; text-align: center; font-weight: bold" cellpadding="0" cellspacing="0">
        <thead style="background-color: gray; color: white">
            <tr>
                <td>№</td>
                <td>Час</td>
                <td>АУД. 402</td>
                <td>АУД. 402<sup>A</sup></td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">1</td>
                <td rowspan="2">8<sup><u>00</u></sup> - 9<sup><u>20</u></sup></td>
                <td>1a</td>
                <td rowspan="2"></td>
            </tr>
            <tr>
                <td>1b</td>
            </tr>
            <tr>
                <td>2</td>
                <td>9<sup><u>35</u></sup> - 10<sup><u>55</u></sup></td>
                <td>6</td>
                <td></td>
            </tr>
            <tr>
                <td>3</td>
                <td>11<sup><u>15</u></sup> - 12<sup><u>35</u></sup></td>
                <td></td>
                <td>7</td>
            </tr>
        </tbody>
    </table>​​​​​​​​​​​​​​​​​​