刪除VML形狀內的文本填充/邊距

我想弄清楚如何讓這個文本（！）出現。儘管它比它所在的圓圈小，但它仍然被切掉了大約三分之一的圓圈。刪除VML形狀內的文本填充/邊距

我想專門用於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個「邊距」選項。將它們設置爲零可以獲得理想的效果。問題是，我不能抓住這個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，等等），而不是企圖心。

來源

2016-06-15 Randy Hall

文本框與歸零插圖是關鍵。我曾嘗試過，但沒有嵌套的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>

來源

2016-06-22 16:59:17

您可以嘗試添加line-height：16px; mso-line-height-rule：exactly;以中心樣式屬性。展望，尤其是後期版本，往往會在文本上方和下方添加大量額外空間，並且除非您強制執行，否則不會跟隨您的線條高度。

來源

2016-06-15 20:10:28

悲傷地沒有效果。但是它上面肯定有一些額外的空間。我已經嘗試過保證金和填充零。 –

它可以幫助您解決問題：https://buttons.cm/

來源

2016-06-22 12:16:57

這些按鈕具有相同的問題。如果文字周圍沒有足夠的空間，則會在前景中剪輯。 –

我給你的賞金，因爲在迂迴的方式，這幫助我得出我的結論，我不能給自己的賞金。 –

非常感謝:)我很高興你能解決它！ :) –

刪除VML形狀內的文本填充/邊距

回答

相關問題