HTML表格:当已经指定"colspan“时，如何调整数据单元格的大小？
我有表格数据要显示，这对行和列都有意义。列是时间块，行是天。特定的datacell仅限于一天，但可以在多个时间块中。为了说明这一点，我使用了colspan标记。
<div id = "GuideTable">
<table>
<tr>
<td colspan = 3>
</td></tr></table>
</div>或者别的什么。
我正在尝试将CSS格式应用于整个表格，并更改颜色等，事情很好，但想要有一个一致的宽度是我遇到的问题。
现在，每个数据单元格的宽度似乎与其列中的最大宽度捆绑在一起(所有内容都自动对齐)。有些栏目很小，有些栏目很大。我试图使列的大小一致(即使这意味着每一列都与最大的列一样大)，但设置单个数据单元格宽度(通过css或在标记本身中)对我毫无帮助。
我在想，也许colspan标签覆盖了我的手动宽度？如果是这样的话，我如何才能改变整个列的宽度，特别是因为它们没有显式定义？(您可以显式定义列吗？)
我正在使用的CSS示例：
#GuideTable td{
background:#ffffff;
border-style: solid;
border-width: 1px;
width: 100px;
}回答 3
Stack Overflow用户
发布于 2010-06-03 02:55:04
如果你能举个例子，那就太好了。
表格有许多特殊的属性，单元格必须始终填满表格宽度的100% -句号。
如果你给一个单元格一个宽度属性，这将会起作用。CSS变得可疑，因为很多东西都不能工作。
Stack Overflow用户
发布于 2010-06-03 03:12:06
因此，我使用以下代码运行了一个小实验
<html>
<head>
<style type="text/css">
td
{
width: 100px;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td colspan="3">First Row</td>
</tr>
<tr>
<td>Second</td>
<td colspan="2">Row</td>
</tr>
<tr>
<td>The</td>
<td>Third</td>
<td>Row</td>
</tr>
</table>
</body>
</html>最终得到的表格总宽度为300px (或多或少)。每个单元格的宽度是100px。也许还有其他因素在影响你的单元格宽度。试着剥离CSS并将其一部分一部分地添加回去，即使是不合理的东西也会把CSS弄得一团糟(就像我现在正在处理的那样，字体家族导致表格飞到了左边)
Stack Overflow用户
发布于 2010-07-28 18:27:50
(只是在搜索其他东西的时候发现了这个)
如果不需要支持IE6，可以通过colspan使用属性选择器重置像元宽度
td { width: 100px; }
td[colspan] { width: auto; }如果你必须支持IE6，你需要用colspan给每个单元格添加一个类：
<td colspan="2" class="colspan">...</td>和
td { width: 100px; }
td.colspan { width: auto; }https://stackoverflow.com/questions/2960615
复制相似问题
腾讯云开发者
