HTML表格无法与CSS正确对齐

Question

我有一系列彼此叠放的表格。 它们可以是单个表，但是出于功能原因，它们被拆分了。 他们看起来像这样：

现在，问题是他们没有像我期望的那样排队。 控制它们的代码如下所示（很长）：

http://pastebin.com/eWhEPzF5

该结构深3个表，当您拆分表时，您可以看到它在最内部的表外戳。 全局样式非常简单：

body *
    {
    font-family:'Consolas';
    font-size:12pt;
    padding:0px;

    }
table
    {
        border: 0px;
        border-style:solid;
        padding:0px;
        border-spacing:0px;
        border-collapse:collapse; 
    }
td
    {
        padding:0px;
        border:0px;
        height:25px;
        border-style:solid;
    }

-

现在，我本来以为输入框是使对齐变差的原因，但是完全删除它们之后，没有任何变化。 实际上，一行一行地添加行，只会在我添加第一个表的第一行时“中断”（“哦，我看了看所有这些数据”）。

我仔细检查了所有样式和所有内容，一切都是正确的。

这些细胞为什么不排列？

Answer 1

尝试在所有表上使用它：

table-layout:fixed; 

w3schools中的表布局属性

问候，尼古拉

Answer 2

使用class ， <col>标记和colspan在每个表中设置等于宽度。

添加table-layout:fixed; 避免根据内容调整width 。

现在，如果您使用Pastbin制作代码笔，则可以很方便地重用您的代码并查看您的工作，以进一步开发。 问候

Answer 3

您到处都有错字

cellWdith310

假设您遗漏了一些CSS，那么可能就是问题所在

更新：这是一个JS小提琴。 您的HTML仅存在各种问题，例如最后一张表中的TD不够等。请区别源代码来看看有什么不同

http://jsfiddle.net/AhLAD/7/