2012-05-10 9 views
0

簡単な質問。CSSの行間余白の問題

誰もが仕事-arroundのために知っているか、私の問題のために解決しない: enter image description here

問題は、段落の行の高さの段落の開始と底は、いくつかのホワイトスペースを持っているということです。上記の例では約4ピクセルです。しかし、私は他の要素のマージンを編集したくありません。たとえば、40ピクセルのマージンは36ピクセルです。

だから誰もこれのための良いworkarroundを知っていますか? 私はcss疑似要素の最初の行を見つけました:http://reference.sitepoint.com/css/pseudoelement-firstline

+0

なぜ実際にこれをやりたいのですか? – will

+0

私はそれが欲しいとは思わないし、通常はそのようなものは設計上のものだと思うし、仕事をしようとするべきではないからだ。しかし、いくつかのクライアントやプロジェクトは非常に厳しいですデザインが来るときに私はこれを見越したことはありませんが、私はこのデザインをピクセル完全にする必要があります –

答えて

4

私はこの問題に別の方法で最後の行の疑似要素を探しています。

段落の後にもう少しコンテンツを追加する場合は、これをスタイルしてテキストの最後の行に近づけることができます。私が何を意味するかのアイデアについては

こちらをご覧ください - >http://jsfiddle.net/Z9LG9/1/

をあなたのコメントに応えて、あなたがオーバー機能的なスタイルシートの作成を見てすべきではない「可能な限りクリーンとして、あなたのスタイルシートを維持する」と言っては、いい探して?ビルド段階の後はいつでもスタイルシートをクリーンアップすることができます。

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

+0

私の最初の考えも、しかし彼は他の要素のマージンを編集したくありません。 .. – will

+0

私はグリッドシステムに従おうとしています。そしてそこには40px 80pxなどのマージンがあります。そして、私はこれらを編集したくありません。私は段落に負のマージンをつけて行くと思います。クリーンなスタイルシートを使用して、私は実質的に丸い数字の使用を意味しました。 –

+0

ああ、私はあなたにもあなたの段落にマイナスのマージンを使用することができます、ちょうどそれらをすべて選択しないように注意してください:)幸運を! – Undefined

関連する問題