2016-06-15 6 views
1

このテキスト(!)を表示する方法を理解しようとしています。それが入っているサークルよりも小さいにもかかわらず、サークルへの道のりの約1/3はまだ切り取られています。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 issue

誰もが任意のアイデアがありますか?私は無駄に円にoverflow:visibleを試してみました。

Outlookにテストのhtmlを取得するマクロを使用して、より情報

v:roundrect要素には、間違いなくマージンやパディングがあります。 HTMLをインポートした後、右クリックしてFormat Shapeに進み、Layout & Propertiesをクリックすると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> 

Iました代わりに、中心の異なる要素(スパン、Pなどを...)使用しようとしました。

答えて

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> 
0

line-heightを追加することもできます:16px; mso-line-height-rule:正確に;中央スタイルの属性に変換します。 Outlook、特にそれ以降のバージョンでは、テキストの上下に余分な間隔を置く傾向があり、強制しない限り、行の高さに追従しません。

+0

悲しいことに、効果がありません。しかし、間違いなく余分な余裕があります。私はマージンを試してきたし、すべてをゼロにする。 –

1

それはあなたの問題を解決するために役立つかもしれない:ゼロにはめ込みとhttps://buttons.cm/

+0

これらのボタンには同じ問題があります。テキストの周りに十分な余地がない場合、それはOutlookでクリップされます。 –

+0

私はあなたに賞金をあげています。なぜなら、これはラウンドアバウトの仕方でこれが私の結論に至るのに役立ち、私は自分自身に賞金を与えることができないからです。 –

+0

ありがとうございました:)私はあなたがそれを解決することができてうれしいです! :) –

関連する問題