删除 VML 形状内的文本 Padding/Margin

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 后，我可以右键单击，转到格式形状，然后是布局和属性，这给了我 4 个 "margin" 选项。将它们设置为零给了我想要的效果。问题是我无法获取此 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>

我尝试使用不同的元素（跨度、p 等）而不是中心。

Answer 1

您可以尝试添加 line-height: 16px; mso-line-height-rule：准确；到中心样式属性。 Outlook，尤其是更高版本，往往会在文本上方和下方添加很多额外的间距，并且不会跟随您的行高，除非您强迫它。

Answer 2

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

Answer 3

带归零插图的文本框是关键。我以前试过，但没有嵌套 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>

删除 VML 形状内的文本 Padding/Margin

Remove Text Padding/Margin inside VML Shape

html-email

padding

vml