Question

所以我正在尝试用html对这封电子邮件进行编码，并且我遇到了这一部分的问题。（这个没有CSS）

我有一张桌子。在一个单元格中，我想要一个图像左对齐，然后文本居中在同一个单元格中。然后，下一个单元格向下，我希望图像对齐，然后文本居中。

问题是，当我将那些发短信的中心放在一起时，它们不在垂直方向上。他们有点偏离。

如何才能使文本位于单元格的中心而不是空格？

以下是我的html代码示例。

<tr>
<td>
<img src="pic.jpg" width="50px" height="50px" align="left" />
<p style="vertical-align: middle;" align="center"> Text</p>
</td>
</tr>

<tr>
<td>
<img src="pic.jpg" width="50px" height="50px" align="right" />
<p style="align: center; vertical-align: middle;"> Text</p>
</td>
</tr>

Answer 1

编写HTML电子邮件（就像它的1999年一样）可以理解为令人讨厌。在下面的代码片段中，我将每行转换为3个单元格（图像单元格设置为图像的宽度，居中文本，并将空单元格设置为图像的宽度[然后反过来为下一行] ]）：

<table width="100%">
  <tr>
  <td width="50">
  <img src="http://lorempixel.com/50/50" width="50px" height="50px" align="left" />
  </td>
  <td valign="middle">
    <p style="text-align: center">Text</p>
  </td>
  <td width="50">&nbsp;</td>
  </tr>
  <tr>  
  <td width="50">&nbsp;</td>
  <td valign="middle">
    <p style="text-align: center">Text</p>
  </td>
  <td width="50">
    <img src="http://lorempixel.com/50/50" width="50px" height="50px" align="right" />
  </td>
  </tr>
</table>

我认为它符合您的要求，但它是否适用于我不知道的具体情况。

如何才能使文本位于单元格的中心而不是空格？

1 个答案: