html - Outlook/HTML - 如何获取 html 内容以将圆 Angular 矩形显示为统一的圆？

Question

这是我的模板代码 (C#)。我需要 v:roundrect (height = 100px) 呈现为圆 width = height，而不管嵌套图像宽度的宽度。理想情况下，我想根据图像宽度指定圆的直径。

我该如何解决这个问题，使我的 roundrect 看起来像一个圆而不是一个带有 flex 边缘的宽矩形？

                            <!--[if mso]>
                                <v:roundrect xmlns:v='urn:schemas-microsoft-com:vml' xmlns:w='urn:schemas-microsoft-com:office:word' style='height:100px; min-height: 100px !important;' arcsize='1000%' stroke='FFD700'>
                                  <w:anchorlock/>
                                    <center>
                                     <img width='40' src='{1}' alt='dot' />
                                   </center>
                                </v:roundrect>
                                <![endif]-->
                             <!--[if !mso]> <!---->
                                <div class='partnerlogo'>
                                    <img width=40' src='{1}' alt='dot' />
                                </div>                        
                            <![endif]-->    
                            &nbsp; 
                        </td>

Answer 1

在这里<img width=40' src='{1}' alt='dot' />你正在分配这个:width: 40px; .

您还需要它来拥有相同的 height .因此，如果您已经知道那将是 width: 40px (就像你发布的那样) 然后在你的 CSS 中试试这个:

.partnerlogo img {
    border-radius: 50%;
    width: 40px;
    height: 40px; 
}

你的代码应该是这样的:

<div class='partnerlogo'>
     <img src='{1}' alt='dot' />
</div>