我正在处理一封 HTML 电子邮件，由于某种原因，“季度新 promise ”下的这一年都集中在一起，我不确定如何解决。每个图表下应该有一个年份。这不适用于 outlook 2011，我想让它工作。任何建议将不胜感激。谢谢你!
图片截图如下:
这是代码:
<head>
<h1>Five Year Giving</h1>
<div class='tab_detail'>
<h3>Quarterly New Commitments</h3>
</head><img src="http://web.mit.edu/odrs/Public/rd_utilities/images/block_new_red_1px.gif" alt=""
title="<<fy_quarter>> $<<tot_ngnp_formatted>> (<<N>> donors)" border="1" height="<<ngnp_pxl>>" width="5"><img src="http://web.mit.edu/odrs/Public/rd_utilities/images/block_gray_1px.gif" alt=""
border="0" height="0" width="<<spacer>>"><foot>
<br>
<div style="position: relative;">
<span style="position: fixed; left: 50 px; size: -1;"><<fy5_label>></span>
<span style="position: fixed; left: 50 px; size: -1;"><<fy4_label>></span>
<span style="position: fixed; left: 50 px; size: -1;"><<fy3_label>></span>
<span style="position: fixed; left: 50 px; size: -1;"><<fy2_label>></span>
<span style="position: fixed; left: 50 px; size: -1;"><<fy1_label>></span>
<span style="position: fixed; left: 50 px; size: -1;"><<fy0_label>></span>
</div>
<br>
<p>
</foot>
最佳答案
我认为问题在于您的跨度位置都固定在同一点。您可能需要将它们更改为相对值，或增加 left: 值以展开标签。在任何一种情况下，这种布局在许多电子邮件客户端中都可能会失败，因为 div 对于电子邮件中的布局控制来说是出了名的不可靠。您最好使用表格来放置标签。
关于Outlook 2011 的 HTML 电子邮件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36800183/