单元格对齐html CSS表

Question

请帮我看一下这个结构。我有：

<tbody>
 <tr>
   <td>left</td>
   <td>rigth</td>
   <td>bottom1</td>
   <td>bottom2</td>
   <td>bottom3</td>
  </tr>
</tbody>

Answer 1

<tbody>
    <tr>
        <td>left</td>
        <td>rigth</td>
    </tr>
    <tr>
        <td colspan="2">bottom1</td>
    </tr>
    <tr>
        <td colspan="2">bottom2</td>
    </tr>
    <tr>
        <td colspan="2">bottom3</td>
    </tr>
 </tbody>

Answer 2

您正在寻找由tr定义的多行。要复制您的图片，您需要“离开”＆＃39;并且＆＃39;对＆＃39;在一个tr中，然后在其自己tr中的每个其他单元格中。要使较低的单元格跨越两个单元格的宽度，请使用colspan。

<tr>
  <td>left</td>
  <td>right</td>
</tr><tr>
  <td colspan="2">bottom1</td>
</tr>...

Answer 3

你走了：

http://jsfiddle.net/V7LNm/

    <table>
  <tr>
    <td>left</td>
    <td>right</td>
  </tr>
  <tr>
    <td colspan="2">bottom 1</td>
  </tr>
    <tr>
    <td colspan="2">bottom 2</td>
  </tr>
    <tr>
    <td colspan="2">bottom 3</td>
  </tr>
</table> 

Answer 4

您还可以为smdrager发布的内容添加其他选项

<table border="1" cellspacing="1" cellpadding="3">
    <tr>
        <td align="center">left</td>
        <td align="center">right</td>
    </tr>
     <tr>
        <td align="center" colspan="2">Bottom 1</td>
    </tr>
    <tr>
        <td align="center" colspan="2">Bottom 2</td>
    </tr>
    <tr> 
        <td align="center" colspan="2">Bottom 3</td>
    </tr>
</table>

http://jsfiddle.net/VHWT9/