上付き文字は、行の高さの間に大きなスペースを残しています。
コードは
<span style="position:relative; bottom:0.2em; font-size: 0.8em">®</span>
<sup></sup>
タグも行の高さに大きなギャップを残すので、私はタグを使用していません。
回避策はありますか。position:relative
が Outlook でうまくレンダリングされないことを認識しています。これに代わる他の方法は何ですか?
上付き文字は、行の高さの間に大きなスペースを残しています。
コードは
<span style="position:relative; bottom:0.2em; font-size: 0.8em">®</span>
<sup></sup>
タグも行の高さに大きなギャップを残すので、私はタグを使用していません。
回避策はありますか。position:relative
が Outlook でうまくレンダリングされないことを認識しています。これに代わる他の方法は何ですか?
私はjsFiddleでいくつかの実験を行いましたが、次のものを使用できると思います。
<sup style="line-height: 0">®</sup>
Firefoxでは、ライン間のギャップは増加しません
line-height
含む段落の を増やすことで、この問題を修正しました<p>
上付き文字が適用されると、Outlookは行の高さを埋めます。1つの修正(注意が必要です!)は、次のことを行うことです:適用
<style="mso-line-height-rule:exactly;">
セル内の行の高さに<td>
偏差がなく、画像が使用されていない場合。!!!(これが適用されるとOutlook 2010は画像を切り取るため、これは重要です)次に、適用します
<span (or sup) style="font-size: (2px or more smaller than actual font size); line-height:0; vertical-align:3px;"
上付き文字をラップするspanタグ内。
参照:http : //emaildude.blogspot.com/2011/06/superscript-and-line-heights.html