Question

我正在尝试将图像降低到锚元素

内的文本中间

<td width="356px" style="padding:0px;">
<a style="color:#094072;text-decoration:none;font-weight:bold;font-size:14px;'" href="">
<span>testttttt</span>
 <img src="/test.jpg" style="padding-top:5px;">
</a>
</td>

你可以看到图片有style="padding-top:5px;"，但它不是仅降低图像，而是推送文字。我不能使用float，因为它假设可以在电子邮件客户端上工作。

感谢您的帮助

Baaroz

Answer 1

编辑：只需为你设置你的对齐属性img元素：align =＆＃34; middle＆＃34;

<td width="356px" style="padding:0px;">
<a style="color:#094072;text-decoration:none;font-weight:bold;font-size:14px;'" href="">
<span >testttttt</span>
 <img src="/test.jpg" style="padding-top:5px;" align="middle">
</a>
</td>

Answer 2

将vertical-align: middle;应用于您的图片...

<td width="356px" style="padding:0px;">
  <a style="color:#094072;text-decoration:none;font-weight:bold;font-size:14px;" href="">
    <span>testttttt</span>
    <img src="/test.jpg" style="vertical-align:middle;" />
  </a>
</td>

fiddle

将图像填充到文本的中间并按下所有内联元素

2 个答案: