如何修复底栏?宽度 50% 并没有真正起作用。我想做 2 行和 3 行底部相同的宽度。
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td style="width:50%;">Cell A</td>
<td style="width:50%;">Cell B</td>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
<td>Cell B</td>
</tr>
</table>
</body>
</html>
原文由 Infed 发布,翻译遵循 CC BY-SA 4.0 许可协议
表列是相互连接的。因此,如果您放置一些迫使单元格变宽的内容,则整个列都会变宽。
这意味着所有行必须具有相同数量的单元格。但是,您可以使用
colspan
属性合并 2 个或更多单元格。如果你想在一行上有 2 列,在其他行上有 3 列,你可能想要设置 6 个单元格并在两种情况下使用
colspan
:我将它们设为 6 列,因为它更易于可视化。但是,实际上每边的 2 列可以合并,因为它们总是 colspan-ed 在一起: