创建金字塔形html表的最佳方法是什么?

问题描述

| 我正在尝试创建一个像这样的表:      乙    C D E 在这种情况下,每条线都居中,并且单元格均匀分布。 我目前正在使用嵌套表格,但感觉这不是最佳解决方案。有人有更好的主意吗?     

解决方法

        您可以使用一个表:
<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>
    ,        如果您确实有使用表的方法,请在
td
上使用
colspan
属性,如下所示
<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>
请记住,表用于显示数据而不用于布局。 希望这可以帮助。