0

我正在尝试为 WordPress 制作一个插件。

它工作得很好，除非我加载默认的 WordPress 主题。例如“二十一点”。

这个主题有一个 DOCTYPE，如下所示。因此，无论我做什么，当我将图像放入表格时，它总是会插入这个烦人的 GAP。

请帮忙！我如何摆脱这个差距？

下面是一些代码。每当将表放置在 DOCTYPE 被定义为此处的情况下，我就会得到这个差距。

WordPress 默认主题似乎使用此 DOCTYPE 声明。所以他们破坏了我漂亮的插件......

<!DOCTYPE html>

<body>

<table border="1" style="border-collapse: collapse;">
    <tr>
        <td width="100%">
            <img border="0" src="http://goo.gl/PJdRU">
        </td>
    </tr>
</table>

</body>

</html>

所有浏览器都呈现上述代码，如下所示。我只想消除差距！谢谢！

在此处输入图像描述

4

1 回答 1

1

有几种解决方案，但都不是完美的。我想最简单的方法就是改变你的 img 样式 - 在 CSS 中（使用td img { display: block }规则）或只是一个内联样式，如下所示：

<img style="display:block" border="0" src="http://goo.gl/PJdRU">

这是一篇文章，其中解释了为什么你会看到你所看到的 - 以及修复它的几种可能的方法。) 这里有一个可以使用的JSFiddle。

于 2012-06-23T23:33:36.297 回答