드루팔 (Drupal html)의 앞 페이지 블록 사이의 특정 divs

내가 정확하게 언급 된 주제인지 확실하지 않습니다. 그러나 여기에서 나는 각 2 (!) 블록 후 <div class="clear">을 넣어 어떻게드루팔 (Drupal html)의 앞 페이지 블록 사이의 특정 divs

<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>

을 할 필요가 무엇인가? .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를 통해 렌더링되는 숫자를 계산할 수 있습니다. 배열에 포함 된 카운터를 사용하여 카운터를 설정하거나 배열을 반복합니다. 매회마다 '

'을 인쇄하십시오. –

당신은 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 html)의 앞 페이지 블록 사이의 특정 divs

답변

관련 문제