Какой лучший способ создать HTML-таблицу, похожую на пирамиду?

Question

Я пытаюсь создать таблицу следующим образом:

     A  B 
   C  D  E

В этом случае каждая строка центрируется и ячейки распределяются равномерно.

В настоящее время я использую вложенные таблицыно чувствую, что это не лучшее решение.У кого-нибудь есть идея получше?

Answer 1

Если вы действительно используете таблицы, используйте атрибут 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>

Помните, что таблицы предназначены для отображения данных, а не для макета.

Надеюсь, это поможет.

Answer 2

вы можете использовать одну таблицу:

<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>