在IE7中应用于<img/>的填充样式是否与FF3分开？

Question

我得到了一个像下面这样的图像，右边是padding：15px

<td><img style="padding:0px 15px 0px 0px;..." />
<td><td>another image<td/>

但IE和FF的效果有点不同。衡量方法是独立的吗？

感谢。

Answer 1

如果没有看到完整的HTML / CSS，很难说，但这可能是line-height问题吗？

默认情况下，图片是内嵌元素，这意味着它们会应用line-height。这可能会在底部造成额外的“边际”。

尝试将display: block;应用于img元素，如下所示：

<td><img style="padding: 0 15px 0; display: block;" alt="" /></td>
<td>Another image</td>

Answer 2

通过将此添加到您的css文件来更改<img>的显示：

DIV-Name img{ display:block;} /* display:block to support with IE7 */

Answer 3

因为您的HTML绝对无效且非常糟糕。将其更改为：

<td><img style="padding: 0px 15px 0px 0px;" /></td>
<td>another image</td>