HTML表格:当已经指定"colspan“时，如何调整数据单元格的大小？
HTML表格:当已经指定"colspan“时，如何调整数据单元格的大小？
提问于 2010-06-03 02:48:39
我有表格数据要显示，这对行和列都有意义。列是时间块，行是天。特定的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;
}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提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2960615
复制相关文章
相似问题
腾讯云开发者
