如何消除第二行之後的空間？

這是代碼：如何消除第二行之後的空間？

#content{width:400px;} 
h2{margin:0px;line-height:100px;} 

<div id="content"> 
    <h2>Hello world. Hello world. Hello world. Hello world. Hello world.</h2> 
    <span>goodbyeeeeeeeeeeeeeeeeeeeeeeeeeeeee</span> 
</div>

See how the code work here

我需要一種方法來把「goodbyeeeeee ..」字符串H2標題下方的2px沒有（如果可能的話），所用負數保證金）。

顯然我還需要h2標題的兩行之間的空格。

編輯：我也可以避免使用行高，但我需要h2標題的2行之間的空間。

來源

2013-05-08 xRobot

你需要「下定決心」。首先，你告訴瀏覽器使所有行高100像素，然後你決定不是全部。 CSS不能在元素內部做到這一點，所以你不得不求助於負邊距。沒有理由不實際，這是一個很好的解決方案。 – 2013-05-08 08:49:49

同意。負利潤率是這裏走的路。這就是他們的目標，而且他們工作得很好。 – 2013-05-08 08:50:48

我也可以不使用行高，但我需要h2標題的兩行之間的空格。 – xRobot 2013-05-08 08:52:06

設置高度可以做到這一點，這取決於具體情況。

h2{margin:0px;line-height:100px;height: 157px;}

來源

2013-05-08 08:51:50

這似乎是解決方案，我會在其他瀏覽器上測試它，否則我將使用負邊距http://jsfiddle.net/Jj3Dn/10/ – xRobot 2013-05-08 09:05:47

只有當你知道你的h2永遠不會換行時，它才能正常工作。 – 2013-05-08 09:26:40

正確。但是，因爲他不是要求最好的方式來做到這一點，所以我沒有提供。 – 2013-05-08 09:33:23

我不認爲有可能改變line-height的行爲方式。它將h2的文本放在100px高行的中間。

所以，對不起，但沒有。除非您找到擺脫line-height屬性的方法，否則您會陷入使用負邊距的狀態。或相對位置。

編輯：
如果你使用陰性切緣，請放置於上h2本身，而不是碰巧進來後，在您的當前頁面的任何其他元素。 h2是造成這個問題，所以這就是你應該解決它的地方。

來源

2013-05-08 08:48:07

我可以消除行高，但我需要h2標題的2行之間的空格:) – xRobot 2013-05-08 08:50:36

如果你想在h2的兩條線之間的間距較大，但希望span文本擁抱h2的第二線的底部，可以將量程設置爲display: block執行負保證金：

h2{margin:0px; line-height:100px;} 
span{display: block; margin-top:-40px;}

來源

2013-05-08 08:55:46

如何消除第二行之後的空間？

回答

相關問題