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을 사용해 보았습니다.

Outlook으로 테스트 HTML을 얻을 수있는 매크로를 사용하여 더 많은 정보

.

v:roundrect 요소에 어떤 종류의 마진 또는 패딩이 있습니다. HTML을 가져온 후에 마우스 오른쪽 버튼을 클릭하고 서식 모양, 레이아웃 & 속성으로 이동하여 4 "여백"옵션을 제공합니다. 0으로 설정하면 원하는 효과를 얻을 수 있습니다. 문제는이 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> 

I했습니다 대신 센터의 다른 요소 (범위, P, 등 ..)를 사용하려고했습니다.

Answer 1

텍스트 상자 키입니다. 전에 중첩 된 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 2

줄 높이를 추가해보십시오. 16px; mso-line-height-rule : 정확히; 센터 스타일 속성 아웃룩, 특히 최신 버전에서는 텍스트 위아래 공간에 많은 여분의 간격을 두는 경향이 있으며 강제하지 않는 한 줄 높이를 따르지 않습니다.

Answer 3

그것은 당신의 문제를 해결하는 데 도움이 될 수 있습니다

: 제로 인세 https://buttons.cm/