Question

我正在尝试在HTML电子邮件的文本和图片之间创建间隙。但是，无论我尝试过什么，我都无法将图像向下移动。

我想要红色的“下载免费”图片，只需向下移动5px即可。

我尝试在图片之前（以及在ipsum文本之后）添加添加<td height="10"></td>，但它没有做任何事情。

Answer 1

将该图片的样式更改为style="display:block;margin-top:5px;"

或者在文本和图像之间放置一个div。 Div是一个阻塞的html元素。

 <div style="height:5px">&nbsp;</div>

Answer 2

只需将

margin-top: 5px;

添加到图片的CSS中。

Answer 3

<table cellpadding="0" cellspacing="0" border="0" width="600" bgcolor="#0066cb">
	<tbody>
		<tr>
		<td height="240" width="15"><!-- PADDING (CREATING AREA) --></td>
		<td>
		<table cellpadding="0" cellspacing="0" border="0">
			<tbody>
				<tr><td height="10"><!-- PADDING --></td></tr>
				<tr>
				    <td>
						<!-- IMAGE  -->
                        <img src="http://i65.tinypic.com/2z3tc0w.png" alt="img1" height="250"  style="display:block;" border="0" />
					</td>
					<td style="font-family:Arial;font-size:27px;line-height:35px;color:#ffffff;">
                    <p style="padding-bottom: 5px;margin: 0;">
                        eguide title lorum ipsum <br/>
						dolor sit amet labore etJavaScript
                    </p>
					<img src="https://www.imageupload.co.uk/images/2017/08/22/unnamed5.png" alt="img2"   style="display:block;" border="0" />
					</td>
				</tr>
			</tbody>
		</table>	
	<!-- END OF SECTION 2 -->												
	</td>	
	</tr>
</tbody>
</table>

<p style="padding-bottom: 5px;margin: 0;">
  eguide title lorum ipsum <br/>
  dolor sit amet labore etJavaScript
</p>

在表元素之间创建空间

3 个答案: