Question

我正在尝试创建一个这样的表：

     A  B 
   C  D  E

在这种情况下，每条线都居中，细胞均匀分布。

我目前正在使用嵌套表，但觉得这不是最好的解决方案。任何人都有更好的主意吗？

Answer 1

你可以使用一张表：

<style type="text/css">
    td 
    {
        text-align:center;
    }
</style>

<table>
    <tr>
        <td colspan="4">G</td>
    </tr>
    <tr>
        <td colspan="2">E</td><td colspan="2">F</td>
    </tr>
    <tr>
        <td>A</td><td>B</td><td>C</td><td>D</td>
    </tr>
</table>

Answer 2

如果您确实可以使用表格，请使用colspan上的td属性，如下所示

<table>
    <tr>
         <td colspan="3">A</td>
         <td colspan="3">B</td>
    </tr>
    <tr>
         <td colspan="2">C</td>
         <td colspan="2">D</td>
         <td colspan="2">E</td>
    </tr>
</table>

请记住，表格用于显示不适用于布局的数据。

希望这有帮助。

创建金字塔式html表的最佳方法是什么？

2 个答案: