当周围的文字变得更大或更短时,我如何让div留在原地

时间:2012-05-07 17:01:38

标签: css text

我有一些文字,然后在最后,它有一个间隔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

希望你理解我的意思,任何帮助?

1 个答案:

答案 0 :(得分:2)

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

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

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