css - 如何消除第二行后的空格？

Question

这是代码:

#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 标题的两行之间留出空间。

Answer 1

我认为不可能改变 line-height 的行为方式。它将 h2 的文本放在 100px 高线的中间。

所以，对不起，但是没有。除非您找到摆脱 line-height 属性的方法，否则您将不得不使用负边距。或相对位置。

编辑:
如果您确实使用了负边距，请放在 h2 本身上，而不是放在当前页面中紧随其后的任何其他元素上。 h2 导致了问题，因此您应该从这里解决问题。