0

この2つの画像を重ね合わせることができないようです。それらは両方ともHTMLテーブルの独自の行にあります（私はhtmlメールを作成しています）が、それらの間の5pxを削除できないようです。

これが私のコードです

<table width="200" height="200" cellpadding="0" cellspacing="0" border="0" style="border-    spacing: 0; border-collapse: collapse;border-collapse: seperate;">
<tbody>
<tr>
<td width="100" height="100"><img width="100" height="100" src="https://img.createsend1.com/img/templatebuilder/placeholder-image.png" /></td>
</tr>
<tr>
<td width="100" height="100"><img width="100" height="100" src="https://img.createsend1.com/img/templatebuilder/placeholder-image.png" /> </td>
</tr>
</tbody>
</table>​

それが役立つ場合はjsfiddleにもあります

4

2 に答える 2

3

画像をに設定しますvertical-align: top。デフォルトではbaseline、ベースラインより下にあるテキスト内の文字のために、画像の下にスペースを残します。動作するはずの値以外のほとんどすべての値baseline（下、中央など）。

img{
  vertical-align: top;   
}

http://jsfiddle.net/JpdQ2/2/

于 2012-12-05T19:54:43.440 に答える
2

または、画像をに設定しますdisplay: block。インライン画像には、垂直方向の配置のために常に間隔の問題があります。

http://jsfiddle.net/JpdQ2/3/

于 2012-12-05T19:55:17.023 に答える