如何控制图像高度以匹配 html 电子邮件中的相邻文本

我在学习

我的电子邮件中有这个html
<li><h4>Sample Text 31 <small><img src="<link to image>"></small></h4></li>

图像未对齐,img 标签的高度宽度远大于文本大小。见下文

在此处输入图片说明

如何使图像显示在文本旁边并且大小相同?

迈克尔·科克

为了支持大多数电子邮件客户端,我会将这些内容放在一个实际的表格中,valign如果需要,您可以使用该属性。valign这里的 chrome 似乎没有必要,但它可能是为了前景。你会添加valign="middle"td的。您也可以将文本和图像放在一起td并使用valign="middle".

你应该能够巢tableli,或只使用一个表有代替。

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style="font-size:40px;font-weight:bold;">Sample Text 31</td>
    <td><img src="https://upload.wikimedia.org/wikipedia/commons/2/21/Speaker_Icon.svg" width="20" height="20"></td>
  </tr>
</table>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在 HTML 电子邮件模板中为 OUTLOOK 的背景图像居中对齐文本?

来自分类Dev

如何在文本输入HTML中添加多个电子邮件地址

来自分类Dev

如何在电子邮件html中内联显示各种大小的文本

来自分类Dev

如何在文本输入HTML中添加多个电子邮件地址

来自分类Dev

在 Thunderbird 中,在撰写电子邮件时,如何将其从纯文本转换为 HTML?

来自分类Dev

在图像下定位文本-HTML电子邮件

来自分类Dev

如何在Java中发送文本/ HTML电子邮件?

来自分类Dev

HTML 电子邮件 - 电子邮件中的图像仅在某些设备上显示

来自分类Dev

如何在HTML电子邮件中撰写电子邮件回复或转发?

来自分类Dev

控制HTML电子邮件中的链接颜色

来自分类Dev

是否可以在Laravel的HTML电子邮件中包含图像

来自分类Dev

PHP-自动下载HTML电子邮件中的图像

来自分类Dev

HTML电子邮件-Outlook 2013中图像之间的间隙

来自分类Dev

边框图像未显示在HTML电子邮件中

来自分类Dev

HTML电子邮件:图像可在表格中自行调整

来自分类Dev

HTML电子邮件-Outlook 2013中图像之间的间隙

来自分类Dev

如何在HTML电子邮件中添加“分段符”?

来自分类Dev

如何在电子邮件发送中启用HTML

来自分类Dev

如何在HTML电子邮件中设置授权

来自分类Dev

如何使用Linux从电子邮件中检索HTML?

来自分类Dev

如何让特殊的 HTML 代码在 Outlook 电子邮件中工作?

来自分类Dev

HTML电子邮件中的高度:td带有背景颜色的td旁边的图像

来自分类Dev

HTML电子邮件:Outlook中的文本显示

来自分类Dev

用于电子邮件 html 的 mjml 中的文本阴影

来自分类Dev

Spring + thymeleaf html 电子邮件模板,如何在邮件中添加 html 标签?

来自分类Dev

在HTML电子邮件中发送图像

来自分类Dev

在图像上发送带有文本的HTML电子邮件时出现图像中断

来自分类Dev

如何在Outlook 2016+中的电子邮件中插入HTML(包括图像)

来自分类Dev

如何找到HTML电子邮件的来源

Related 相关文章

  1. 1

    如何在 HTML 电子邮件模板中为 OUTLOOK 的背景图像居中对齐文本?

  2. 2

    如何在文本输入HTML中添加多个电子邮件地址

  3. 3

    如何在电子邮件html中内联显示各种大小的文本

  4. 4

    如何在文本输入HTML中添加多个电子邮件地址

  5. 5

    在 Thunderbird 中,在撰写电子邮件时,如何将其从纯文本转换为 HTML?

  6. 6

    在图像下定位文本-HTML电子邮件

  7. 7

    如何在Java中发送文本/ HTML电子邮件?

  8. 8

    HTML 电子邮件 - 电子邮件中的图像仅在某些设备上显示

  9. 9

    如何在HTML电子邮件中撰写电子邮件回复或转发?

  10. 10

    控制HTML电子邮件中的链接颜色

  11. 11

    是否可以在Laravel的HTML电子邮件中包含图像

  12. 12

    PHP-自动下载HTML电子邮件中的图像

  13. 13

    HTML电子邮件-Outlook 2013中图像之间的间隙

  14. 14

    边框图像未显示在HTML电子邮件中

  15. 15

    HTML电子邮件:图像可在表格中自行调整

  16. 16

    HTML电子邮件-Outlook 2013中图像之间的间隙

  17. 17

    如何在HTML电子邮件中添加“分段符”?

  18. 18

    如何在电子邮件发送中启用HTML

  19. 19

    如何在HTML电子邮件中设置授权

  20. 20

    如何使用Linux从电子邮件中检索HTML?

  21. 21

    如何让特殊的 HTML 代码在 Outlook 电子邮件中工作?

  22. 22

    HTML电子邮件中的高度:td带有背景颜色的td旁边的图像

  23. 23

    HTML电子邮件:Outlook中的文本显示

  24. 24

    用于电子邮件 html 的 mjml 中的文本阴影

  25. 25

    Spring + thymeleaf html 电子邮件模板,如何在邮件中添加 html 标签?

  26. 26

    在HTML电子邮件中发送图像

  27. 27

    在图像上发送带有文本的HTML电子邮件时出现图像中断

  28. 28

    如何在Outlook 2016+中的电子邮件中插入HTML(包括图像)

  29. 29

    如何找到HTML电子邮件的来源

热门标签

归档