Question

显示600px宽度有三行的表格。第一行应该有全宽。第二行有两个td，宽度各为50％，第三行有三个td，长度相等。

到目前为止我做了什么：

<table border="1" cellpadding="0" cellspacing="" width="600">
    <tr>
        <td colspan="3">
            <p>Hey I am first row</p>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <table border="1" cellpadding="0" cellspacing="" width="600">
                <tr>
                    <td width="50%">
                        <p>Hey I am second row</p>
                    </td>
                    <td width="50%">
                        <p>Hey I am second row</p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td width="33.33%">
            <p>Hey I am third row</p>
        </td>
        <td width="33.33%">
            <p>Hey I am third row</p>
        </td>
        <td width="33.33%">
            <p>Hey I am third row</p>
        </td>
    </tr>
</table>

Answer 1

是的，这很棘手......您需要保留6作为基础并对其进行处理，以便不需要使用嵌套表。也许你可以这样做：

table {width: 600px; text-align: center;}
table td {border: 1px solid #999; padding: 5px;}

<table>
  <tr>
    <td colspan="6">Full Width</td>
  </tr>
  <tr>
    <td colspan="3">&frac12;</td>
    <td colspan="3">&frac12;</td>
  </tr>
  <tr>
    <td colspan="2">&#8531;</td>
    <td colspan="2">&#8531;</td>
    <td colspan="2">&#8531;</td>
  </tr>
</table>

希望这有帮助吗？

基本表结构

1 个答案: