0

私には が<td>ありvalign="bottom"、td に含まれるテキストには がありますfont-size:100px。

のテキストと境界線の間のスペースを取り除くにはどうすればよいですか<td>。

ここでサンプルコードを見つけてください http://jsfiddle.net/jM8JC/1/

4

4 に答える 4

1

これを行うことはできますが、行うべきではありません。単語の下端と下の境界線の間に余分なスペースがある理由は、下の部分、 、 などの子孫が行く場所です: http://jsfiddle.net/davidThomas/jM8JC/17/ (でこのデモでは(単位なし) に設定しました。これにより、下の境界線に対して下端が配置されます。ygline-height1y

を調整するline-heightと0.65、単語の下端が下の境界線に対して配置されますが、これはかなり恣意的な測定値であり、使用するブラウザーや、おそらく特定のブラウザーにtest依存します。font-size

また、追加すると、必要に応じoverflow: hiddenての下降部分を非表示にすることもできますy: http://jsfiddle.net/davidThomas/jM8JC/25/

于 2012-07-19T18:32:53.820 に答える
0
于 2012-07-19T18:30:36.310 に答える
0

You can specify line-height:75pxfor the TD

<table border="1" cellpadding="0" cellspacing="0" width="100%" height="200px">
    <tr>
        <td valign="bottom" class="test" style="font-size:100px; line-height:75px;">
            test
        </td>
    </tr>
</table>​

See an updated fiddle here: http://jsfiddle.net/jM8JC/22/

于 2012-07-19T18:30:49.617 に答える
0

Just set a line height smaller than text size. Like this: http://jsfiddle.net/jM8JC/16/

于 2012-07-19T18:31:12.303 に答える