Question

我要做的是让红色箭头与中的右侧文字对齐“在这个问题中，您可以：http://jsfiddle.net/me42hfkw/的部分。换句话说，我想要&rsaquo;的行像

                                    <td valign="top" style="font-family:Helvetica,Arial;padding-right:10px;padding-bottom:20px;">
                                        <p valign="top" style="color:#FF0000;font-size:36px;font-weight:bold;margin-top:0;">&rsaquo;</p>
                                    </td>
                                    <td valign="top" style="font-family:Helvetica,Arial;padding-bottom:20px;">
                                        <p style="color:#666666;line-height:18px;margin-top:0;">Learn about the IT and business trends driving walk-up service centers.</p>
                                    </td>
                                </tr>

在其单元格的顶部对齐。我无法弄清楚为什么它不起作用;因为我能够使它在http://jsfiddle.net/qprc69z1/上运作。我错过了什么？

顺便说一下，这是针对HTML电子邮件的，因此我需要尽可能使用样式的原语。

Answer 1

http://jsfiddle.net/me42hfkw/1/

您可以减少line height标记的p以调整文字的位置。使用的字体大小与您使用的一样大，需要占用大量的空白区域。减小线高将消除该空白区域。

你提供的小提琴之间的区别在于，在p内部没有td标签，当使用垂直对齐时，它会“播放”得更好。

希望文本元素在单元格顶部对齐

1 个答案: