Question

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

除非加载默认的WordPress主题，否则效果很好。例如“twentyeleven。”

此主题有一个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>

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

enter image description here

Answer 1

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

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

这里是an article，解释了为什么你看到你所看到的 - 以及几种可能的解决方法。）这是一个有效的JSFiddle。

默认DOCTYPE中断表 - 用于默认的Wordpress主题

1 个答案: