HTML表格未与CSS正确对齐

我有一系列堆叠在一起的表格。它们可以是单个表格，但出于功能原因，它们是分开的。他们是这个样子：现在HTML表格未与CSS正确对齐

，问题是，他们没有排队，因为我希望他们来。管辖他们的代码看起来像这样（这是很漫长）：

结构是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; 
    }

现在，我本来以为输入框是什么搞砸了排列，但完全卸下后，什么都没有改变。事实上，当我添加第一个表的第一行（“哦，我看看所有这些数据”）时，它只能一个接一个地添加行。

我加倍检查了所有的样式和一切，它都是正确的。

这些细胞为什么不排列？

来源

2013-06-18 mkautzm

除了你的问题，请您申请字体样式和填充到'body'只是各种问题与你的HTML而不是'身体*'。星号选择身体内的所有元素（基本上是您网站上的所有可见元素）。 **编辑：**你的桌子上的'width'属性怎么样？ – kleinfreund

你的html似乎无效。我看到的第一个错误是在第52行，您关闭了一个从未打开过的嵌套表格......尝试验证您的代码http：//validator.w3。org/ – Pevara

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

add table-layout:fixed;避免width按内容调整大小。

现在，如果您从您的pastbin制作了一个codepen，那么重新使用您的代码并查看您的所作所为将会更加舒适，从而进一步发展。问候

来源

2013-06-18 19:06:13

这就是解决方案！直到今天，我甚至不知道是一件事情。谢谢！ – mkautzm

尝试使用此对所有表：

table-layout:fixed;

Table layout property in w3schools

问候，尼古拉

来源

2013-06-18 19:03:56 NBoychev

我会建议这个以及:) http://www.w3.org/wiki/CSS/Properties/table-layout –

当然，w3.org总是比w3schools好:) – NBoychev

有不同的地方，你有错字

cellWdith310

假设你忽略了一些CSS那么就可能成为问题

UPDATE：这里有一个JS小提琴。有如没有足够的阵中最后一个表格等DIFF源看看有什么不同

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

来源

2013-06-18 19:14:27 Don

ctrl + f-ing整个文档后，有很多地方出现'Wdith'错字。谢谢你的收获！ – mkautzm

HTML表格未与CSS正确对齐

回答

相关问题