Question

这真的是我的脖子痛。我在表格行中有6张图片。除第一个之外的每个图像都小于65px。但是，第一张图像大于65px。当我将表格的高度设置为65px，并将图像设置为100%的高度时，图像或表格会忽略它，并且表格会扩展到徽标的高度。我该如何解决这个问题？我想使用<img>标记，而不是使用CSS background-image属性。

另外，我注意到除了第一张图像之外的所有图像都在中间垂直对齐。为什么第一个与其他人不一样？

我正在开发这款手机。

这是我的表格布局：

<table>
    <tr>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
    </tr>
</table>

Answer 1

您必须在height:65px;上指定<td>而不是<table>

请参阅 fiddle

它应该可以解决你的问题。

Answer 2

选项1：设置table-spacing = 0，table-margin = 0，然后设置td = 65px的高度，它将起作用。

jsfiddle.net/9m4f7/2 /

选项2：将图像高度设置为65px，将宽度设置为自动;在表格中使文本对齐到中心，这也将起作用。

表格单元格问题中的图像？

2 个答案: