行の高さが上部に余白を付けないようにするにはどうすればよいですか？

Question

1.6emのような大きいline-heightを使うときはいつも、私は望ましくないテキストの最上部に余白を追加します。

例：http://jsfiddle.net/EstpJ/1/

私は、テキストが急激に国境が並ぶと、上部または下部の余白のいずれかの種類を持っていないことにしたいです。

これを修正するにはどうすればよいですか？

Answer 1

これはまさにline-heightであるため、テキストの折り返しなどの目的で、テキスト行の高さを手動で設定する方法です。実際の可視サイズはfont-sizeによって決定され、それよりも小さい数字はfont-familyによって決定されます。通常のテキスト/フォントの平均値line-heightは、1.2emです。それよりも大きいものは、表示されるletterboxingが表示されます。小さい値を使用すると、連続する行が互いに重なり合うことになります。

正確な例を修正する唯一の方法は、行番号を決定するためのマークアップを追加することで、最初/最後の行のスタイルを変更することができます。

Answer 2

Matthewが言ったように、これはlineheightがするものです。

内側のdiv（枠線の内側）に線の高さを設定し、上下の余白が負になるように設定して上と下の効果を打ち消すことができます。しかし、すべてのブラウザで負のマージンが機能しない可能性があります。

Answer 3

マークアップを少し変更することができます（私は<p>タグをテキスト行に囲むことをお勧めします）。negative top marginを使用しますか？