2016-04-06 9 views
3

を取るのdiv次元は密接にテキストがない正確で収まるが、四角形にフィット正確には、完全に水平にフィットしますが、垂直にはフィットしません。そして、高さはテキストが "A"、 "..."または "ppp"であるのと同じになりますが、テキストによって使用されるスペースは変わります。インラインブロックのように動作するCSSプロパティがありますが、テキストをよりフローティングな要素として扱い、現在のテキストを含むことができる最小の高さを持っていますか? (photoshoped)のような:CSSルールは正確にスペースに合わせて、テキストが

enter image description here

+0

だけ...いや...そこではありません。 –

答えて

1

いいえ、ありません。

すべてのフォントがそれぞれの内部空白を持ち、異なるブラウザで異なるため、特定のフォントのサイズを測定し、残りの部分をカットする必要があります。

1つの方法は、要素を複製してキャンバスに描画し、カウントは正確な高さを得るために上/下からピクセルを着色します。また、フォントについて読ん


http://www.freetype.org/freetype2/docs/glyphs/

関連する問題