Javascript 如何在发送到outlook的html页面中将表格与图像对齐

我试图在发送到outlook的网页上的图像旁边显示一个表。实际图像比它旁边的表小。我需要匹配桌子和图像的高度。使用下面的css，它在chrome中看起来还可以，但当它到达outlook时，图像比表小。我也尝试过flexbox，outlook无法识别它

<table id="topdiv" style="wdith:100%" border=1px>
       <tr>
        <td valign="top">
            <table class="issues" id="dTable">
                <colgroup>
                   <col span="1" style="width: 5%">
                   <col span="1" style="width: 10%;">
                   <col span="1" style="width: 20%;">
                   <col span="1" style="width: 5%;">
                   <col span="1" style="width: 5%;">
                   <col span="1" style="width: 5%;">
                   <col span="1" style="width: 5%;">
                </colgroup>
            </table>
        </td>
        <td id="trail_bar_chart" valign="top"></td>
    </tr>
</table>
<style>
#dTable,#dTable td,#dTable th 
{
border: 1px solid black;
border-collapse: collapse;
text-align: center;
white-space:nowrap;
padding:0px; 
margin:0px;
-webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%;
height:100%;
}
#topdiv,#topdiv th,#topdiv td,#topdiv tr {
    position:relative;
    padding:0px; 
    margin:0px;
}
#dTable th {
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 15px;
}
#trail_bar_chart{
  height:auto;
  position:absolute;
  -ms-interpolation-mode: bicubic;
}
</style>

#数据表，数据表td，数据表th
{
边框：1px纯黑；
边界塌陷：塌陷；
文本对齐：居中；
空白：nowrap；
填充：0px；
边际：0px；
-webkit文本大小调整：100%；
-ms文本大小调整：100%；
身高：100%；
}
#托普迪夫，托普迪夫th，托普迪夫td，托普迪夫tr{
位置：相对位置；
填充：0px；
边际：0px；
}
#数据表{
文本对齐：居中；
背景：#1abc9c；
颜色：白色；
字体大小：15px；
}
#轨迹条形图{
高度：自动；
位置：绝对位置；
-ms插值方式：双三次插值；
}

HTML电子邮件可能与前端代码有很大不同，具体取决于电子邮件客户端。Outlook肯定不会识别Flexbox和position之类的内容，因此您需要使用宽度为的基本表格单元格。如果您可以为代码提供一个实际的图像，即使是一个占位符，这将更有帮助，因为它不清楚代码中实际发生了什么。