html - 列表有问题

标签 html css smarty

我正在使用 smarty 引擎,我几乎不需要帮助我的列表在某些季节的剧集比上一季多时显示差距,因此它显示差距我希望它在某些季节的剧集比上一季多时自动调整差距。这是我的聪明代码。

<div class="seasons">
{foreach from=$episodes key=id item=val name=episode_loop}
    {if !isset($lastSeason)}
        <div class="tv_container">

            <h2>Season {$val.season}</h2>
    {elseif $lastSeason != $val.season}
        </div>
        <div class="tv_container" style="float: left;">

            <h2>Season {$val.season}</h2>
    {/if}
<ul class="listings episodeListings">
 <li class="">
 {if $global_settings.seo_links}
                    <a class="link" href="{$baseurl}/{$routes.show}/{$val.perma}/season/{$val.season}/episode/{$val.episode}" title="{$val.episodetitle}">{if $val.episodetitle}
                    <span class="epnum">({$val.episode.embeds|@count} links)</span>
                    <span class="">{$val.episodetitle|truncate:50:"...":true}</span>{/if}</a>
                {else}
                    <a class="link" href="{$baseurl}/index.php?menu=episode&perma={$val.perma}&season={$val.season}&episode={$val.episode}" title="{$lang.show_episode_title|replace:'#season#':$val.season|replace:'#episode#':$val.episode}">{$lang.show_episode_title|replace:'#season#':$val.season|replace:'#episode#':$val.episode}<div class="left">
{foreach from=$val.languages item=flag key=k}
<img src="{$embed_languages[$flag].flag}" style="margin-right: 5px;"/>
{/foreach}
</div>   </a>
                {/if}
                </li>    
            </ul>
        {assign var=lastSeason value=$val.season}
{/foreach}
</div>
<div class="clear"></div>
</div>

这里是fiddle例如,我希望第 14 季在第 17 季下自动调整,这只是一个例子,有时季节有 12 集,而其他季节有 20 集,所以它造成了巨大的差距,我只想在下一季的每个季节自动调整,无论它有多少集.

最佳答案

这是您想要实现的布局类型吗?

enter image description here

关于html - 列表有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30413273/

相关文章:

javascript - getParent函数在ie中不起作用

jquery - 覆盖 iframe 宽度

php - Shopware 5.2.11 在我的插件中包含 JavaScript

javascript - 在 Smarty 模板中的 javascript 函数中使用 PHP 变量

mysql - Smarty 3 多语言插件

java - 一些帮助用 Java 抓取页面

html - 显示带背景色的百分比条

html - 在输入 CSS 中设置输入文本的样式

html - CSS 100% 高度 DIV

javascript - 无法使用轮播将事件 slider 居中