问题描述
我正在尝试弄清楚如何显示此文本(!).即使它小于所在的圆,也仍会切入到圆的大约1/3处.
I'm trying to figure out how to get this text (!) to show up. Even though it's smaller than the circle it's in, it still gets cut off about 1/3 of the way in to the circle.
我想专门用于Outlook.
I would like to use this for Outlook specifically.
<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
无济于事.
Anyone have any ideas? I've tried overflow:visible
on the circle to no avail.
更多信息
使用宏将测试HTML导入Outlook.
Using a macro to get test html into Outlook.
绝对是v:roundrect
元素上的某种边距或填充.导入HTML之后,我可以右键单击,转到设置形状格式",然后单击布局和布局".属性,这给了我4个保证金"选项.将它们设置为零会给我想要的效果.问题是我无法再获取此HTML,而且我不知道它与什么属性相关.
It is most definitely some sort of margin or padding on the v:roundrect
element. After importing the HTML, I can right click, go to Format Shape, then Layout & Properties, which gives me the 4 "margin" options. Setting them to zero gives me the desired effect. The issue is that I cannot then grab this HTML, and I have no idea what property this is correlating to.
最新代码:
<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等)代替中心.
I've attempted using different elements (span, p, etc..) instead of center.
推荐答案
插入为零的文本框是关键.我之前曾尝试过,但是没有嵌套的html.在v:textbox
元素中直接输入的文本似乎无效,因此我使用了center
元素来封装文本并设置样式.
Textbox with zeroed inset is the key. I had tried it before, but without nested html. Text directly input in the v:textbox
element does not appear to work, so I used a center
element to encapsulate text and set styles.
<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形状内的文本填充/边距的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!