元素之间的差距增大

Question

我正在创建一个注册表单，但突然间元素之间的差距也在增大 这是我的代码的链接 http://jsbin.com/mujixepete/2/
查看性别和出生日期，了解我在说什么 有人可以帮我解决这个错误吗？

Answer 1

喔。这种布局真的过时了，根本不推荐。 ＆＃34;间隙的原因＆＃34;布局本身。因为您在表格列中放置了280px宽的元素，所以至少在上下都是280px宽。

现在，您可以将结构更改为现代化的结构，或者如果您不想遇到麻烦，只需将这些内容放在第2列：like this。

我建议第一个选择。

Answer 2

对于表格中的每个tr，您必须具有相同数量的tds。如果你有不同数量的tds，你需要使用colspan属性来修复它。例如：

<table>
    <tr>
        <td>Col 1</td>
        <td colspan="2">Col 2</td>
    </tr>
    <tr>
        <td>Col 1</td>
        <td>Col 2</td>
        <td>Col 3</td>
    </tr>
</table>

第一行中的第二列将拉伸为与第二行中第2列和第3列相同的大小。

虽然现在通常使用表格布局是不受欢迎的（布局是使用CSS完成的），但这会有效。