Html 嵌套表对齐？_Html_Html Table

Html 嵌套表对齐？

html

Html 嵌套表对齐？,html,html-table,Html,Html Table,如何使以下嵌套表中的行保持对齐 <!DOCTYPE html> <html> <body> <table> <tr> <th>Column A</th> <th>Column B</th> <th>Column C</th> </tr> <tr> <td>

如何使以下嵌套表中的行保持对齐

<!DOCTYPE html>
<html>
<body>
  <table>
    <tr>
      <th>Column A</th>
      <th>Column B</th>
      <th>Column C</th>
    </tr>
    <tr>
      <td>
    <input />
    <div><a href="#">Delete</a></div>
      </td>
      <td><input /></td>
      <td>
    <table>
      <tr>
        <td><input  /></td>
        <td><input  /></td>
        <td><a href="#">Delete</a></td>
      </tr>
    </table>
    <a href="#" >Add</a>
      </td>
    </tr>
  </table>
</body>
</html>


A列
B栏
C列

一个非常快速和简单的方法是在这里使用两个

br

    <td><input /><br /><br /></td>

示例2:

使用colspan而不是嵌套表来连接和/或拆分单元格可能会更好。如果您使用的是Visual Studio，则“表格”菜单允许您以可视化方式执行此操作。

不要将表格用于布局。如果你真的必须这么做，至少不要把它们放在窝里。

    <td style="vertical-align:top;"><input /></td>