删除VML形状内的文本填充/边距

Question

我正在试图弄清楚如何让这个文本（！）显示出来。即使它小于它所在的圆圈，它仍然会被切断大约1/3的圆圈。

我想特别为Outlook使用它。

<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:20px;v-text-anchor:middle;width:20px;" arcsize="50%" stroke="f" fillcolor="#ffcb05">
    <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">!</center>
</v:roundrect>

有人有什么想法吗？我在圈子上试过overflow:visible无济于事。

更多信息

使用宏将测试html导入Outlook。

绝对是v:roundrect元素上的某种边距或填充。导入HTML后，我可以右键单击，转到格式化形状，然后是布局＆amp;属性，它给了我4个“边距”选项。将它们设置为零可以获得所需的效果。问题是我不能抓住这个HTML，我不知道这与哪个属性相关。

最新代码：

<v:roundrect style="height:30px;width:30px;margin:0 !important;padding:0 !important; mso-margin-bottom-alt:0 !important;mso-margin-top-alt:0 !important;mso-margin-right-alt:0 !important;mso-margin-left-alt:0 !important;mso-padding-bottom-alt:0 !important;mso-padding-top-alt:0 !important;mso-padding-right-alt:0 !important;mso-padding-left-alt:0 !important;" arcsize="50%" strokeweight="2px" strokecolor="#FFFFFF" fillcolor="#ffcb05" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word">
    <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;margin:0 !important;padding:0 !important;mso-margin-bottom-alt:0 !important;mso-margin-top-alt:0 !important;mso-margin-right-alt:0 !important;mso-margin-left-alt:0 !important;mso-padding-bottom-alt:0 !important;mso-padding-top-alt:0 !important;mso-padding-right-alt:0 !important;mso-padding-left-alt:0 !important;">!</center>
</v:roundrect>

我尝试使用不同的元素（span，p等等）而不是中心。

Answer 1

它可能有助于解决您的问题：https://buttons.cm/

Answer 2

带有归零插入的文本框是关键。我之前尝试过，但没有嵌套的html。直接在v:textbox元素中输入的文本似乎不起作用，因此我使用center元素来封装文本和设置样式。

<v:roundrect style="height:20px;width:20px;" arcsize="50%" strokeweight="2px" strokecolor="#FFFFFF" fillcolor="#ffcb05" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word">
    <v:textbox inset="0,0,0,0">
        <center style="font:300 14px/15px Impact, Sans-serif;color:#FFFFFF;mso-line-height-rule:exactly;">!</center>
    </v:textbox>
</v:roundrect>

Answer 3

您可以尝试添加line-height：16px; mso-line-height-rule：完全;到中心风格属性。 Outlook，特别是更高版本，往往会在文本的上方和下方增加很多额外的间距，除非你强制它，否则不会跟随你的行高。