html - drupal html中首页块之间的特定div

Question

我不确定我是否纠正了提到的话题。但这是我必须做的

 <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 不等。对于浮动的块，我需要这个。

Answer 1

你可以使用 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 相同的结果。

希望这行得通……穆罕默德。