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 ..”字符串2px放在h2标题之下，如果没有（如果可能的话）使用带负数的保证金）。

显然我还需要h2标题的两行之间的空间。

编辑：我也可以避免使用行高，但我需要h2标题的2行之间的空格。

Answer 1

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

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

编辑：
如果您确实使用了负余量，请输入h2本身，而不是当前页面中恰好出现的任何其他元素。 h2导致问题，所以你应该在那里解决它。

Answer 2

根据具体情况，设置高度可以做到。

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

Answer 3

如果您希望h2的两行之间有较大的间距，但希望span文本包含h2第二行的底部，则可以将范围设置为display: block强制执行负边距：

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

第二行后如何消除空间？

3 个答案: