如何在HTML中制作这种表格

Question

如何使用html创建此表？

A1和A2（如Bs和Cs）具有相同的宽度。我试图做这样的事情：

<table>
   <tr>
      <td>
         A1
      </td>
      <td>
         B1
      </td>
      <td>
         C1
      </td>
   </tr>
   <!-- new table goes here -->
   <tr>
      <td>
         A2
      </td>
      <td>
         B2
      </td>
      <td>
         C2
      </td>
   </tr>
</table>

但内表使A1行更宽。我怎么能避免这种情况？

Answer 1

您可以使用colspan轻松完成：

   <tr>
       <td colspan="3">between</td>
    </tr>

请参阅小提琴：http://jsfiddle.net/09w8pqhz/

Answer 2

喜欢这个Demo Here？

＆＃13;

＆＃13;

<table border = "1">
   <tr>
      <td>
         A1
      </td>
      <td>
         B1
      </td>
      <td>
         C1
      </td>
   </tr>
   <!-- new table goes here -->
    <tr>
      <td colspan = "3">
         A1
      </td>
   </tr>

   <tr>
      <td>
         A2
      </td>
      <td>
         B2
      </td>
      <td>
         C2
      </td>
   </tr>
</table>

＆＃13;

＆＃13;

＆＃13;