在drupal的頭版塊之間的特定div html

我不知道如果我更正提到的話題。但是，這是我必須做的在drupal的頭版塊之間的特定div html

<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不等。我需要這個塊浮動。

來源

2012-07-17 Avdept

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo描述了每隔一個類別的樣式。它可能有幫助嗎？否則，我認爲塊被渲染爲某種可數組。您可以訪問該數組來計算通過PHP呈現的數字。設置一個計數器或使用嵌入在數組中的計數器遍歷數組。打印'

'，每隔一段時間，作爲循環的一部分.... – 2012-07-18 02:14:29

你可以做到這一點使用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; 
}

，如果你正在使用你應該得到相同的結果你.clear div。

希望這個作品......穆罕默德。

來源

2012-07-18 08:10:57

在drupal的頭版塊之間的特定div html

回答

相關問題