html - CSS行-高さマージンの問題

Question

簡単な質問。

誰かが私の問題の回避策または修正について知っていますか？

問題は、段落の行の高さのために、段落の先頭と下部に空白があることです。上記の例では、約4pxです。しかし、他の要素の余白を編集したくありません。たとえば、40pxのマージンは36pxになります。

それで、誰かがこれの良い回避策を知っていますか？私はcss疑似要素の最初の行を見つけました：http：//reference.sitepoint.com/css/pseudoelement-firstline

Answer 1

最後の行の疑似要素を探して、この問題に別の方法でアプローチします。

段落の後にさらにコンテンツを追加する場合は、これをスタイル設定して、テキストの最後の行に近づくように上に移動できます。

私が何を意味するかについては、こちらをご覧ください-> http://jsfiddle.net/Z9LG9/1/

「スタイルシートをできるだけきれいに保つ」というコメントに応えて、見栄えの良いスタイルシートの上に機能的なスタイルシートを作成することを検討するべきではありませんか？ビルドフェーズの後はいつでもスタイルシートをクリーンアップできます。

これには負のマージンを使用する必要があります。クロスブラウザ対応になる方法はありません。