放置空div以在布局中放置广告

时间:2014-01-03 16:11:21

标签: css layout

在页面加载时,按照代码列出框

中的项目
                  {foreach from=$results key=k item=video_data name=loop}
                          <div class="list"><ul class="pic-list">
            <li class="Li01" style="visibility: visible; opacity: 1;">...</li></u1>
                          </div>                          
                   {/foreach}

它完美地显示数据...现在我想插入空div以包含广告。

我喜欢显示3个元素块,每个块有一个大的广告单元和8个视频元素。

请查看附图以便更好地理解。

任何人都可以帮我设置重新布局,就像img。

一样

Desired Layout

由于

1 个答案:

答案 0 :(得分:0)

我会有一个for循环迭代4次,并在其中嵌套一个foreach循环。

对于广告,您可以在投放foreach后将其添加到ul循环中。下面是一个粗略的例子(我假设您的数据是通过多维数组进入的):

$results_array = [whatever your array output consists of];

for($i = 0; $i < 4; $i++){ 
    echo '<ul class="pic-list"><li class="ad"></li>';
    foreach($results_array[$i] as $j => $item){
        echo '<li class="video"></li>';    
    }
    echo '</ul>';
}