2012-12-14 10 views
1

這個問題旨在瞭解更多關於<br>標籤:如何設計br標籤以在頂部和/或底部留出更多空間?

有一個HTML頁面,使用以下樣式打破的話幾段:

<div> 
    <br>200 words follows... 
    <br>another 300 words... 
    <br> 
    <br>and 250 words... 
</div> 

我通常不會樣式內容這樣,但會爲每個段落使用<p> ... </p>標籤。但假設我們不重新構造文檔,只是使用CSS來設計<br>標籤,以便每個段落可以在頂部具有更多的空白空間(而不是默認設置),如果只是爲了瞭解<br>更多,那該怎麼辦? (儘管<br>對於換行符來說有點特殊,但它應該像其他元素一樣具有風格能力。)

請注意,line-height在這種情況下不起作用,而在Chrome中,它的工作方式與Firefox中的不同Mac ...它可以在http://jsfiddle.net/ff5SX/2/

嘗試在Chrome上,只有連續2個<br>會給更多的空間,並在Firefox上,行爲是奇怪的,很難解釋。

+1

注意:使用
標籤進入換行符,不要分開段落。 – Champ

+0

你有沒有得到一個你可以接受的答案呢? –

回答

7

本文總結了您的造型可能性(或者說不可能的事)的BR標籤

Can you target <br /> with css?

+0

是否總結爲:對於跨瀏覽器的兼容性,除了'clear'和'position'之類的屬性外,它實際上不能很好地設計風格 –

0

請使用以下爲指定大小的垂直間隙

CSS

div.verticalgap {clear:both; overflow:hidden; height:0px;}

HTML(爲10px的垂直間距)

< DIV CLASS = 「的verticalGap」 風格= 「高度:10px的」 > </DIV >

相關問題