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

在您的示例中，您可以减少line-height以消除字母上方存在的不需要的空格...。

于 2013-11-07T00:22:20.310 回答