所以昨天多亏了这里的人,我学会了如何并排放置两张 table 。但是,现在已决定需要通过电子邮件发送此信息。
所以在我的 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> </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> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </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> </td><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td>EUR</td><td>GBP</td><td>USD</td><td> </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 属性 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> </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> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </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> </td><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td>EUR</td><td>GBP</td><td>USD</td><td> </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>
