0

言及されたトピックを修正するかどうかわかりません。しかし、ここで私がしなければならないことです

 <div class="block block-views">...</div>
<div class="block block-views">...</div>
<div class="clear"></div>
<div class="block block-views">...</div>
<div class="block block-views">...</div>
<div class="clear"></div>
<div class="block block-views">...</div>
<div class="block block-views">...</div>

<div class="clear"> 各 2(!) ブロックの後に配置するにはどうすればよい ですか? .block-views:nth-child(2n+1) { clear: left; の使用を避けるため。}。ブロックの数は 2 から 10 までさまざまです。これは、ブロックをフローティングさせるために必要です。

4

1 に答える 1

0

あなたはCSSを使ってそれをすることができます、これを試してください：

<div id="view-1" class="block block-views">...</div>
<div id="view-2" class="block block-views">...</div>
<div class="clear"></div>
<div id="view-3" class="block block-views">...</div>
<div id="view-4" class="block block-views">...</div>

そして、cssに次のコードを記述します。

#view-2:after, #view-4:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.cleardivを使用している場合と同じ結果が得られるはずです。

これがうまくいくことを願っています...ムハンマド。

于 2012-07-18T08:10:57.630 に答える