2011-08-12 14 views
8

私は、BRが改行を作成するために使用されることを知っています。私はそれが行間にスペースを作るかどうかだけ考えていますか?これらの例を考えてみてください:BRタグには高さがありますか?

<p> 
Hello <br/> Stackoverflow <br/><br/><br/> ! 
</p> 

出力は次のようになります。私は増加線間の距離を見つけ、より多くのBRを置くことによって

Hello 
Stackoverflow 


! 

<br>のためですか?しかし、私がCSSの<br>の高さを制御しようとすると、それは追従しません。高さが全くないように見えます。 <br>が行間のスペースの原因でない場合は、どのCSSをどのように制御するのですか?また、私は通常、線の間に大きな距離を作成するために<br>を使用します。データがデータベースのものである場合は、\n\rなどを置き換えます。これは大丈夫ですか?

+0

一つの解決策は、私もマージンとパディングを使用して考えて ''
height- http://stackoverflow.com/a/20488415/2165415 == –

答えて

2

私は、我々は複数のBRを入れたときに表示スペースが実際にBRが、P要素の行の高さによって引き起こされていないことが判明。

<p> 
Hello <br/> Stackoverflow <br/><br/><br/> ! 
</p> 

出力

1. Hello 
2. Stackoverflow 
3. 
4.  
5. ! 

線3と4は、ここだけの空行です:

は、次のマークアップを考えてみましょう。空であるにもかかわらず、彼らはまだ線の高さを持っています。

2

BR要素が強制的に切断(終了)テキストの現在の行...

詳細情報here。はい、追加すると距離を増やすことができますが、clearを適用する以外は、スタイリングにはあまり効果がありません。

2

< br/>の番号を使用すると改行のみが作成されます。ページ上の特定のセクション間に大きなスペースを作成したい場合は、CSSマージン属性を使用して、次のセクションから1つ上のセクションまでを距離を置いてください。たとえば:

<div id="topSection" class="margin-bottom: 100px;">Hello Stackflow</div> 
<div id="bottomSection">Content lower on the screen without unnecessary breaks.</div> 
6

<br />タグは改行のためです。 CSSのline-heightプロパティを使用すると、行間を制御することができます。

1

はい、さらにBRタグを置くことで、新しい改行が作成されます。行の間に大きな距離を作成するのに、BRタグを使用することは好ましくありません。代わりに、CSS marginpaddingを使用してスペースを挿入してください。

+0

のためにここにあります。私のデータベースからの改行についての編集を見てください。 – dpp

+0

その場合、正規表現を使って 'BR'を' P'に置き換えてください。作業[デモはこちら](http://jsfiddle.net/f6ju2/2/)を参照してください。 –

1

あなたがラインの間で好きな間隔を得るために<br />を使用する代わりに、あなたがラインの間に大きな距離をline-heightプロパティに

+0

これは、スペースが 'BR'からではなく、デフォルト' line-height'からではないことを意味しますか? – dpp

+0

'Stackoverflow'と'! 'の間のスペースは、あなたが追加した'
'タグが原因です。 'line-height' CSSプロパティを使うときは、行間の間隔を変更することができます(強制的に壊れているかどうかにかかわらず)。 – kaveman

5

をCSSを使用することができ、ライン毎に<p>タグを使用することをお勧めします、で、あなた高さを制御することができます。

http://jsfiddle.net/efortis/f6ju2/

+0

' p'は良いオプションです。テキストがデータベースのものである場合、 'p'をどのように使用するのですか? – dpp

+0

はい、データをプリフォーマットすることができます –

関連する問題