在表格单元格中插入图像刷新答案

【问题标题】：Inserting images in table cell flush在表格单元格中插入图像刷新
【发布时间】：2011-12-05 15:23:33
【问题描述】：

每个人。迟到网页设计派对的问题是我不知道如何使用表格或单元格。我正在尝试将图像插入到我知道有 215x145px 的单元格中，并且我的图像具有相同的尺寸，只是为了在其中找到额外的空间。

实际上，萤火虫显示的高度完全不同，但老实说我不知道如何解决这个问题。这是电子邮件活动中最讨厌和最令人沮丧的方面之一，至少对我来说是这样。

非常感谢任何帮助。

代码如下：

<table align="center"  width="725" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#0E6FA5"><span style="text-align: center; text-decoration: none;">
</td>
<td valign="top" height="145" bgcolor="#FFFFFF" width="215"
rowspan="2"style="border:0; padding:0; margin:0;"><span style="background-color: #FFF;
margin: 0; padding: 0; height: 145px; text-align: left;"></td>
</tr>
<tr>
<td bgcolor="#0E6FA5">&nbsp;</td>
</tr>
</table>

【问题讨论】：

我认为如果您的 HTML 不包含不完整的标签可能会有所帮助？你错过了几个</spans> 你能告诉我们更多的代码，包括你的图片吗？随意使用jsfiddle.net
哦。就像我说的，我不知道该怎么做，所以我使用的是 DW 的工具。我会尽快发布我的代码。谢谢rlb.usa。
我们开始：jsfiddle.net/mauferrusca/F5yzG

标签： html html-table cell

【解决方案1】：

好吧，由于我忘了提到这种情况仅与FF有关，所以我觉得分享我找到的解决方案是公平的：

http://www.webmasterworld.com/firefox_browser/3274620.htm

当处于标准兼容模式时（由于 doctype），图像是内联元素，而不是 >>块级。您通常可以通过以下 CSS 解决额外空间的问题（用于说明 >>任何随附文本的下降部分）：

img {display:block;}

或者通过添加 style="display:block;"到你的 img 元素。

【讨论】：