文章/答案/技术大牛

发布

社区首页 >问答首页 >发送outlook电子邮件，表格相邻

问发送outlook电子邮件，表格相邻
EN

Stack Overflow用户

提问于 2016-12-01 11:36:49

回答 3查看 2.6K关注 0票数 1

所以昨天感谢在座的各位，我学会了如何把两张桌子并排放在一起。然而，现在已经决定，这些信息需要通过电子邮件发送。

因此，在我的c#应用程序中，我发送电子邮件(Outlook)，并将HTMLBody属性设置为下面的html代码。

但是，当我发送电子邮件时，第二个表显示在第一个表下面，如何绕过这个问题？

我一直读到CSS可能是有用的，但是对CSS一无所知。

边点

在我的第一个表中，有一行只包含空白单元格。再读一遍CSS，这是不需要的，但我不知道如何在我的HTML中包含CSS作为我的电子邮件？

代码示例

<b><font color='#0033CC'>Sales Report</font></b>
<br><br>
<b>Currency</b>
<br><br>
<table style='font-size: 10pt; float: left; display: inline-block;' cellpadding='3'>
<tr><td>&nbsp</td><th bgcolor= #0033CC>Q1</th><th bgcolor= #0033CC>Q2</th><th bgcolor= #0033CC>Q3</th><th bgcolor= #0033CC>Q4</th><th bgcolor = #0033CC>YoY</th></tr>
<tr><td>CAD</td><td style='text-align: center;'>5.9%</td><td style='text-align: center;'>4.4%</td><td style='text-align: center;'>3.4%</td><td style='text-align: center;'>4.3%</td><td style='text-align: center; background-color:#99FF99'><b><font color='#009933'>4.3%</font></b></td></tr>
<tr><td>CHF</td><td style='text-align: center;'>-1.1%</td><td style='text-align: center;'>-0.4%</td><td style='text-align: center;'>0.1%</td><td style='text-align: center;'>-0.4%</td><td style='text-align: center; background-color:#FF6666'><b><font color='#990000'>-0.4%</font></b></td></tr>
<tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
<tr><td>&nbsp</td><td style='text-align: center;'>0%</td><td style='text-align: center;'>0%</td><td style='text-align: center;'>0%</td><td style='text-align: center;'>0%</td><td style='text-align: center; background-color:#99FF99'><b><font color='#009933'>100%</font></b></td></tr>
</table>

<table style='font-size: 10pt; float: left; display: inline-block;' cellpadding='3'>
<tr><td><b>Region Agg</b><td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
<tr><td>&nbsp</td><td>EUR</td><td>GBP</td><td>USD</td><td>&nbsp</td></tr>
<tr><td>Region A</td><td>775</td><td>6,774</td><td><font color='#990000'>-16,786</font></td></tr>
<tr><td>Region B</td><td>0</td><td>0</td><td>6,459</td></tr>
<tr><td>Region C</td><td>0</td><td>4,328</td><td><font color='#990000'>-4,133</font></td></tr>
<tr><td>Region D</td><td>0</td><td>0</td><td>4,350</td></tr>
</table>

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-12-01 11:44:07

您也可以尝试一下该表的align="left"属性吗？

<b><font color='#0033CC'>Sales Report</font></b>
<br><br>
<b>Currency</b>
<br><br>
<table style='font-size: 10pt; float: left; display: inline-block;' cellpadding='3' align="left">
<tr><td>&nbsp</td><th bgcolor= #0033CC>Q1</th><th bgcolor= #0033CC>Q2</th><th bgcolor= #0033CC>Q3</th><th bgcolor= #0033CC>Q4</th><th bgcolor = #0033CC>YoY</th></tr>
<tr><td>CAD</td><td style='text-align: center;'>5.9%</td><td style='text-align: center;'>4.4%</td><td style='text-align: center;'>3.4%</td><td style='text-align: center;'>4.3%</td><td style='text-align: center; background-color:#99FF99'><b><font color='#009933'>4.3%</font></b></td></tr>
<tr><td>CHF</td><td style='text-align: center;'>-1.1%</td><td style='text-align: center;'>-0.4%</td><td style='text-align: center;'>0.1%</td><td style='text-align: center;'>-0.4%</td><td style='text-align: center; background-color:#FF6666'><b><font color='#990000'>-0.4%</font></b></td></tr>
<tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
<tr><td>&nbsp</td><td style='text-align: center;'>0%</td><td style='text-align: center;'>0%</td><td style='text-align: center;'>0%</td><td style='text-align: center;'>0%</td><td style='text-align: center; background-color:#99FF99'><b><font color='#009933'>100%</font></b></td></tr>
</table>

<table style='font-size: 10pt; float: left; display: inline-block;' cellpadding='3' align="left">
<tr><td><b>Region Agg</b><td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
<tr><td>&nbsp</td><td>EUR</td><td>GBP</td><td>USD</td><td>&nbsp</td></tr>
<tr><td>Region A</td><td>775</td><td>6,774</td><td><font color='#990000'>-16,786</font></td></tr>
<tr><td>Region B</td><td>0</td><td>0</td><td>6,459</td></tr>
<tr><td>Region C</td><td>0</td><td>4,328</td><td><font color='#990000'>-4,133</font></td></tr>
<tr><td>Region D</td><td>0</td><td>0</td><td>4,350</td></tr>
</table>

票数 1

Stack Overflow用户

发布于 2016-12-01 11:48:16

我过去也有过类似的问题。问题是Outlook使用MS来呈现HTML，而不是浏览器；我相信您是使用浏览器进行测试的。因此，在浏览器上呈现的内容与Outlook用户所看到的不完全相同。

那么如何解决这个问题呢？

在电子邮件中提供一个链接，“在浏览器中查看”，这样用户就可以按预期的方式点击它。你可能已经见过很多次了，而背后的原因恰恰就是你遇到的问题。
这个选项不像选项1那么受欢迎，但我在过去成功地做到了这一点。I.在MS Word中创建模板、表、边框、字体等，并将其保存为html。基本上，您是使用MS作为您的设计，而不是HTML和浏览器。II.发送电子邮件时使用此模板。将动态内容注入此模板。

票数 1

Stack Overflow用户

发布于 2016-12-01 12:09:48

还可以使用嵌套表，如下所示。

顺便提一下，我在您的html中发现了几个问题：

有时会出现<td><td>而不是</td><td>。
您使用的是 .，但必须是&nbsp。
最好为bgcolor=属性使用引号。

这些我都已经修好了。

我还将标题文本从第二个表中移出，它现在位于表的上方。原因:标题的字体变得不平等，因为标题#1在表之外，而标题#2在表中。

<b><font color='#0033CC'>Sales Report</font></b><br>
<br>
<table>
  <tr valign="top">
    <td>
      <!-- Column #1 -->
      <b>Currency</b>
      <table style='font-size: 10pt;' cellpadding='3'>
        <tr>
          <td>&nbsp;</td>
          <th bgcolor='#0033CC'>Q1</th>
          <th bgcolor='#0033CC'>Q2</th>
          <th bgcolor='#0033CC'>Q3</th>
          <th bgcolor='#0033CC'>Q4</th>
          <th bgcolor='#0033CC'>YoY</th>
        </tr>
        <tr>
          <td>CAD</td>
          <td style='text-align: center;'>5.9%</td>
          <td style='text-align: center;'>4.4%</td>
          <td style='text-align: center;'>3.4%</td>
          <td style='text-align: center;'>4.3%</td>
          <td style='text-align: center; background-color:#99FF99'><b><font color='#009933'>4.3%</font></b></td>
        </tr>
        <tr>
          <td>CHF</td>
          <td style='text-align: center;'>-1.1%</td>
          <td style='text-align: center;'>-0.4%</td>
          <td style='text-align: center;'>0.1%</td>
          <td style='text-align: center;'>-0.4%</td>
          <td style='text-align: center; background-color:#FF6666'><b><font color='#990000'>-0.4%</font></b></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td style='text-align: center;'>0%</td>
          <td style='text-align: center;'>0%</td>
          <td style='text-align: center;'>0%</td>
          <td style='text-align: center;'>0%</td>
          <td style='text-align: center; background-color:#99FF99'><b><font color='#009933'>100%</font></b></td>
        </tr>
      </table>
    </td>
    <td>
      <!-- Column #2 -->
      &nbsp;&nbsp;&nbsp;
    </td>
    <td>
      <!-- Column #3 -->
      <b>Region Agg</b>
      <table style='font-size: 10pt;' cellpadding='3'>
        <tr>
          <td>&nbsp;</td>
          <td>EUR</td>
          <td>GBP</td>
          <td>USD</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>Region A</td>
          <td>775</td>
          <td>6,774</td>
          <td><font color='#990000'>-16,786</font></td>
        </tr>
        <tr>
          <td>Region B</td>
          <td>0</td>
          <td>0</td>
          <td>6,459</td>
        </tr>
        <tr>
          <td>Region C</td>
          <td>0</td>
          <td>4,328</td>
          <td><font color='#990000'>-4,133</font></td>
        </tr>
        <tr>
          <td>Region D</td>
          <td>0</td>
          <td>0</td>
          <td>4,350</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40909680

复制

相似问题

问发送outlook电子邮件，表格相邻
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问发送outlook电子邮件，表格相邻EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问发送outlook电子邮件，表格相邻
EN