在safari中，甚至没有旁边的行距

Question

我在safari中遇到了问题。我有一个有两列和四行的表。第二列的行距为4，因为它包含图像。第一列只是数字。在所有其他浏览器中，表格排列良好，所有行均匀分布。在safari中，行适合内容，然后拉伸最后一行以填充空间的其余部分。我已经尝试将table-layout属性设置为fixed，但似乎没有任何改变。非常感谢任何帮助。

这是表格：

<table>
        <tr>                
            <td>1 - </td>
            <td rowspan=\"4\">
                <img src=\"img/image.jpg\" />
            </td>
        </tr>
        <tr>
            <td>2 - </td>
        </tr>
        <tr>
            <td>3 - </td>
        </tr>
        <tr>
            <td>4 - </td>
        </tr>
</table>

Answer 1

safari错误是由rowspan中的图像高度高于包含表格引起的。如果您可以控制/预测图像的高度，则可以根据分为图像高度的表格行数为每个表格行赋予相同的高度。

换句话说：

如果您有4个表格行并且您在rowspan中的图片高度为400px，则应将每个表格的高度设置为100px。

tr {
    height: 100px;
}

应该这样做。