0

WordPress用のプラグインを作ろうとしています。

デフォルトのWordPressテーマをロードする場合を除いて、これはうまく機能します。例：「21」。

このテーマには、以下に示すような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 に答える