Question

您好我正在制作简单的邮件并遇到麻烦。

我无法对齐

中的图像旁边的文字

<td width="433" style="color:#707177; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; width:433px;" valign="middle">
  <img alt="email" src="https://cdn3.iconfinder.com/data/icons/streamline-icon-set-free-pack/48/Streamline-18-128.png" height="15" width="15" style="vertical-align:middle;">
  <span style="color:#707177;font-size:14px;">000 000 000</span>
</td>

我创建了jsFiddle。

我不能使用<td><img /></td><td>text</td>

之类的东西

Answer 1

将vertical-align:middle;添加到您的范围内。这是一个小小的差异，但它确实有效。

<span class="feed" style="color:#707177;font-size:14px;vertical-align:middle;">000 000 000</span>

https://jsfiddle.net/8va7zLdn/1/

垂直对齐图像旁边的文本

1 个答案: