2013-09-26 46 views
0

我有一個奇怪的問題,要麼我不知道<br/>是如何工作的或者我在這裏丟失了一些東西。我的段落有24px的行高。我想在文本之間有一個換行符(空行),但是當我使用<br/>標籤時,它會根據paint.net創建一個空行太多(36像素),所以我做錯了什麼?爲什麼<br>元素具有比行高更高的高度

不是換行符應該與行高屬性具有相同的高度嗎?如果是的話,爲什麼不這樣做,如果不是,那麼解決方案是什麼?

<p> 
    Greenfields Counselling and Psychotherapy is a counselling practice that lives and works out of the principles for counselling and psychotherapy as set down by Carl Rogers. 
    <br/> 
    <br/> 
    Counselling at Greenfields is strictly confidential and we understand that this can be a difficult time for you. 
</p> 

這裏是CSS:

p { 
    line-height: 24px; 
} 

以下是演示:http://contestlancer.com/greenFields/?page_id=41 看詞發生後的空間。

Ahmar。

+1

Unre lated:[我需要在「」或「
」標記末尾加「/」嗎?](http://stackoverflow.com/questions/15149641/do-i-need-a-at-the-end -of-an-img-or-br-tag-etc) –

+4

pleeeeeaaase,請不要鏈接到一個頁面讓我們查看那裏的問題,寫下示例代碼'INTO POST',因爲只要你修好了這在你的網站上(希望很快),這個問題對其他人將變得毫無用處。 – DrCopyPaste

+0

好吧現在添加代碼@DrCopyPaste –

回答

3

似乎完全沒什麼問題...如果你擺脫<br>的I測量之間的「便利」的f和‘輔導’了C是13px距離之一。如果我再把它放回去,它是37px

37px - 13px = 24px = the line-height you set = everything is okay

(測量通過Greenshot進行;))

所以,如果你不滿意的高度,你<br>,你應該爲此添加一個特殊的條件,你的CSS:

br 
{ 
    line-height: <desired_value>; 
} 

PS:所以要進一步明確,line-height是不一樣的兩行兩個字母之間的空間......

0

您可以通過此技術刪除該行高度間距。

br{ 
    display: block; 
    height: 0; 
} 

demo

0

<br />標籤換行。如果你想這樣看,你可以使用CSS line-height屬性來控制線條之間的距離。

對於線條之間的較大距離,最好使用<p>標籤爲每一行,您可以在其中控制高度。

jsfiddle.net/efortis/f6ju2/ 
相關問題