0

メールテンプレートを作成しています。デザインの一部には、Georgia Italic をフォントとして使用することが含まれます。テキストは、テキストに割り当てられたスペースの下部 75% のみを占めます。これは、テキストの上にかなりの量の空白があることを意味します。

コードは次のとおりです。

<table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <table style="border-collapse: collapse;">
                <tr>
                    <td align="right" width="420" height="200" bgcolor="#FFFFFF" style="font-family: Georgia, Times New Roman, serif; font-size:300px; line-height:300px; color:#e47b5c; padding: 10px 0 10px 0; font-style:italic; line-height:300px; border-collapse:collapse;" >
                        <span>75</span>
                    </td>
                    <td align="right" valign="bottom" width="240" height="200" bgcolor="#FFFFFF" style="font-family: Georgia, Times New Roman, serif; color:#e47b5c;" >
                        <table align="left" style="border-collapse: collapse;">
                            <tr>
                                <td align="middle" style="font-size:150px; line-height:150px; color:#e47b5c; font-style:italic;">
                                    <span>%</span>
                                </td>
                            </tr>
                            <tr>
                                <td align="left" style="font-size:80px; line-height:80px; color:#e47b5c;">
                                    <span>OFF</span>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

http://jsfiddle.net/AEhy6/1/ (余分なスペースを表示するには、「75%」を選択します)

空白を隠す方法を探しています。

唯一の方法はフォントを変更することだと思います。すべてのアイデアを歓迎します! ありがとうございました。

4

1 に答える 1

1

In your example you can reduce the line-height to get rid of the undesired whitespace present above the letters....

于 2013-11-07T00:22:20.310 に答える