C# 发送outlook电子邮件，使表彼此相邻_C#_Html_Css

C# 发送outlook电子邮件，使表彼此相邻

c# html css

C# 发送outlook电子邮件，使表彼此相邻,c#,html,css,C#,Html,Css,所以昨天多亏了这里的人，我学会了如何把两张桌子并排放在一起。但是，现在已经决定需要通过电子邮件发送此信息因此，在我的c#应用程序中，我发送电子邮件（Outlook），并将HTMLBody属性设置为下面的html代码但是，当我发送电子邮件时，第二个表显示在第一个表的下面，我如何处理这个问题我一直在读CSS可能有用，但我对CSS一无所知侧点在我的第一个表中，有一行只包含空白单元格。再次阅读CSS，这将是不必要的，但再次我不知道如何在我的HTML中包括我的电子邮件CSS HTML代码示例 &

所以昨天多亏了这里的人，我学会了如何把两张桌子并排放在一起。但是，现在已经决定需要通过电子邮件发送此信息

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

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

我一直在读CSS可能有用，但我对CSS一无所知

侧点

在我的第一个表中，有一行只包含空白单元格。再次阅读CSS，这将是不必要的，但再次我不知道如何在我的HTML中包括我的电子邮件CSS

HTML代码示例

<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>

销售报告



通货



&NBSPQ1Q2Q4YOY
CAD5.9%4.4%3.4%4.3%4.3%
瑞士法郎-1.1%-0.4%0.1%-0.4%-0.4%
   
 0%0%0%0%100%
地区集团
&NBS美元
区域A7756774-16786
区域B006459
区域C04328-4133
区域D004350

您是否也可以为表格尝试HTML属性

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>

销售报告



通货



&NBSPQ1Q2Q4YOY
CAD5.9%4.4%3.4%4.3%4.3%
瑞士法郎-1.1%-0.4%0.1%-0.4%-0.4%
   
 0%0%0%0%100%
地区集团
&NBS美元
区域A7756774-16786
区域B006459
区域C04328-4133
区域D004350

我过去也遇到过类似的问题。问题是Outlook使用MS Word呈现HTML而不是浏览器；我肯定你是用浏览器测试的。因此，您在浏览器上看到的渲染内容将与Outlook用户看到的内容不同

那么如何解决这个问题呢

在电子邮件中提供一个链接“在浏览器中查看”，以便用户可以单击该链接并以您期望的方式查看。你自己可能已经见过很多次了，其背后的原因正是你所面临的问题

这个选项没有选项1那么受欢迎，但我在过去成功地做到了这一点I。在MS Word中创建模板、表格、边框、字体等，并将其另存为html。基本上，您使用MS Word作为设计器，而不是HTML和浏览器II。发送电子邮件时使用此模板。将动态内容注入此模板

您也可以使用嵌套表，见下文。

另外，我在您的html中发现了几个问题：

有时有
而不是
您使用的是
，但必须是
最好对bgcolor=属性使用引号

这些大部分我已经修好了

我还将标题文本移出了第二个表，它现在位于表的上方。原因：页眉的字体变得不相等，因为页眉#1在表外，而页眉#2在表内

销售报告



通货
Q1
问题2
第三季度
第四季度
YoY
计算机辅助设计
5.9%
4.4%
3.4%
4.3%
4.3%
瑞士法郎
-1.1%
-0.4%
0.1%
-0.4%
-0.4%
0%
0%
0%
0%
100%
区域Agg
欧元
英镑
美元
A区
775
6,774
-16,786
B区
0
0
6,459
C区
0
4,328
-4,133
D区
0
0
4,350

您查看电子邮件时是否没有足够的空间来并排查看表格？试着缩小窗口。Html应该呈现在网站上或电子邮件，因为我是相同的aware@Fuzzybear，说实话，这些桌子很小，所以我认为它们应该放在电子邮件中