1

私はいくつかのテキストを持っています、そしてそれからその終わりに、それはマージンギャップを与えるスペーサーdivを持っているのでそれはそれをその下のテキストから分離します。

質問は; テキストが短い場合、スペーサー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

編集: 私はあなたが望むものを知っていると思いますが、あなたがそれをあなたが望むように達成するつもりはないと思います。上のテキストが短くなっても、テキストの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 に答える