html - 行の高さのある文字の下部のCSSカット？

Question

その下のボーラーにテキスト文字を接触させようとしています。

余白もパディングもありませんが、フォント文字自体が文字の下にスペースがあるように見えるため、ギャップがあります。

行の高さを下げようとしましたが、これは文字の上部をカットします。代わりに、文字の下部を切り取りたいと思います。これは可能ですか？

score 4 · Accepted Answer

ベースラインの下のスペースは、活版印刷の世界では降下と呼ばれます。残念ながら、CSSを使用してこれを調整することはできません。

できることは、文字列をdiv内に配置することです。CSSでheight希望のセットを設定し、overflow:hidden;

こちらのデモ

<div class="cutter">
    This a test string
</div>

CSS：

.cutter {
    display:block;
    font-size:24px;
    height:20px;
    overflow:hidden;
}

結果：

ランダムな高さでカットされたテキスト

Daiがコメントで指摘しているように、テキストを親コンテナーに配置して配置してから、負の下部マージンを適用することもできます。