1

我有一些文本,然后在最后,它有一个间隔 div,它提供了一个边距,因此它将它与下面的文本分开。

问题是; 无论发生什么,我如何让间隔 div 保持原位,而如果文本更短,它上面的文本的长度会变得更短或更长,而不会使间隔 div 与文本保持一致?

任何人都知道如何做到这一点的CSS?

例子:

loris ipsum, loris ipsum
loris ipsum, loris ipsum  
loris ipsum, loris ipsum
loris ipsum, loris ipsum
<span class="margin-space"></span>
loris ipsum, loris ipsum
loris ipsum, loris ipsum

目前它在做什么:

例子:

loris ipsum, loris ipsum
loris ipsum, loris ipsum  
<span class="margin-space"></span>
loris ipsum, loris ipsum
loris ipsum, loris ipsum
*where text was*
*where text was*

(当我想要它原来的位置时,将它下面的文本拉得更高)

我想要它,例如:

loris ipsum, loris ipsum
loris ipsum, loris ipsum


<span class="margin-space"></span>
loris ipsum, loris ipsum
loris ipsum, loris ipsum

希望你明白我的意思,有帮助吗?

4

1 回答 1

2

编辑: 我想我知道你想要什么,但我不认为你会以你想要的方式实现它。即使上面的文本变短,您也希望将第二个文本块保持在某个高度。您需要将上面的文本块包装在一个元素中并为其设置一个height属性,这样如果该块中的文本比高度短,则底部的文本块就不会再高了。

<p style="height: 100px">Lorem ipsum dolor sit amet.</p>
<p>Cogito, ergo sum.</p>​

http://jsfiddle.net/3PkYT/3/

于 2012-05-07T17:08:20.350 回答