3

对于与单元格行跨度相关的 Chrome/webkit 问题，是否有任何已知的非脚本解决方法高于所有非跨行行的总和？因为 Chrome 不会均匀地分配同级行，而是调整最后一行的大小以填充剩余空间。

在不同的浏览器中查看此示例，您将看到如下图所示的结果。

列跨越按预期工作

请注意，列跨越按预期工作。所有列都被扩展以容纳最宽的跨度列。如果其他单元格的宽度均匀，它们也会均匀扩展，但如果它们没有设置宽度，它们会根据它们的内容进行扩展（照常渲染）。

示例屏幕截图

外边框显示表格边框，而内边框显示单元格边框。出于显示原因，我没有折叠边框，因此每个元素的边框都与其他元素分开。

如 Internet Explorer（令人惊讶）和 Firefox 中所示：

均匀行分布

如 Chrome（或其他 webkit 浏览器）中所示：

行分布不均

附加观察rowspan值大

在我的示例中，有 4 行，第一行中的最后一个单元格跨越所有四个。如果我将该值更改为大于 4，webkit 实际上会呈现不存在的第五行而没有任何单元格。因此，与其扩展第四行以占用所有剩余空间，不如说是第五行不存在的情况。这是 Chrome 中的结果（bot 不在任何其他浏览器中）：

额外的不存在的行

4

1 回答 1

0

阅读本文时的第一个想法是这样做：

<table class="details"><tr><td  >First col</td></tr>
            <tr><td >First col</td></tr>
    <tr><td >First col</td></tr>
    <tr><td >First col</td></tr>
    </table>
<td>Kleke</td>

然后通过 CSS 管理边界（如果需要帮助，请发表评论）

干杯菲利克斯

编辑：我刚刚意识到您要求的年份是 2012 年而不是 2013 年，如果您可以提出更好的替代解决方案，请发布。

于 2013-10-18T11:23:03.217 回答