Html电子邮件对齐文本和图像

我无法将图像与文本对齐。此问题仅出现在outlook 03、07和10中。查看此图片以更好地了解我的问题：

这是我的代码：

<td valign="middle" style="color:#fff;  font-size:18px; padding-left:3%;" width="600" height="34" bgcolor="#1a292f">
    <span class="nonmobile_content">
        Onsdag
    </span>                         
    <span style="font-weight: bold">
        21.03
    </span>                     
    <span style="color:#87bcd8;">
        2013
    </span>                     
    <span style="color:#87bcd8;">
        uke 11
    </span>
    <span>
        <img src="retriever-logo-top.png" align="right">
    </span>
</td>
<td bgcolor="#1a292f">
    &nbsp;&nbsp;&nbsp;
</td>

昂斯达格
21.03
2013
uke 11

是否有理由将这些内容全部放在一个表格单元格中，而不是将图像放在单独的单元格中？你可以简单地：

<tr>
    <td colspan="2">
        Retriever (1), Cision (2), ...
    </td>
</tr>
<tr>
    <td ... >
        <span class="nonmobile_content">
            Onsdag
        </span>                         
        <span style="font-weight: bold">
            21.03
        </span>                     
        <span style="color:#87bcd8;">
            2013
        </span>                     
        <span style="color:#87bcd8;">
            uke 11
        </span>
    </td>
    <td>
        <img src="retriever-logo-top.png" align="right">
    </td>
</tr>

---

是否有理由将这些内容全部放在一个表格单元格中，而不是将图像放在单独的单元格中？你可以简单地：

<tr>
    <td colspan="2">
        Retriever (1), Cision (2), ...
    </td>
</tr>
<tr>
    <td ... >
        <span class="nonmobile_content">
            Onsdag
        </span>                         
        <span style="font-weight: bold">
            21.03
        </span>                     
        <span style="color:#87bcd8;">
            2013
        </span>                     
        <span style="color:#87bcd8;">
            uke 11
        </span>
    </td>
    <td>
        <img src="retriever-logo-top.png" align="right">
    </td>
</tr>

---

您根本不应该使用

align=right

。最好将img向右浮动。如果希望垂直对齐，只需将适当的行高设置为-span和img即可。@nd\u macias实际上，在为电子邮件编写html时，很少支持css（特别是在outlook中），因此align=“right”确实是一种方法。@xec True，我没有注意到它是用于电子邮件模板的。对不起。：）您根本不应该使用

align=right

。最好将img向右浮动。如果希望垂直对齐，只需将适当的行高设置为-span和img即可。@nd\u macias实际上，在为电子邮件编写html时，很少支持css（特别是在outlook中），因此align=“right”确实是一种方法。@xec True，我没有注意到它是用于电子邮件模板的。对不起。：）这确实有效！我刚刚不得不将我的colspan=“2”更改为colspan=“3”，现在它很好地对齐了！谢谢=）这确实有效！我刚刚不得不将我的colspan=“2”更改为colspan=“3”，现在它很好地对齐了！谢谢=）