Php 表达式引擎&CSS

我一直在学习使用表达式引擎。但有一件事让我感到困惑

我有一个使用四列网格的布局，请参见。这使用了三个CSS类：一个用于列项目，一个用于最后一列项目，一个用于行以添加水平规则

我使用EE类开关创建了column和column last类，请参见，但我不知道如何让EE创建row类。我可以手动执行此操作，但希望页面是动态的，因此，如果有16个项目，则每个项目下将有4行

我使用的代码如下：

<div class="content-main">
                        <h1>Portfolio</h1>
                            {exp:channel:entries channel="portfolio" status="open|Featured" orderby="title" sort="asc"}
                            <div class="{switch='col|col|col|col-last'}">
                                <h4><a href="{title_permalink='portfolio'}">{title}</a></h4>
                                <p>{project_description}</p>
                            </div><!-- /end #col -->
                            {/exp:channel:entries}
                    </div>
<!-- /end #content-main --> 

任何帮助都将不胜感激

提前感谢,

---

Tom Perkins

如果您将列div包装在每四次迭代就包含一个“row”div的switch语句中，您应该得到您想要的：

                <div class="content-main">
                    <h1>Portfolio</h1>
                        {exp:channel:entries channel="portfolio" status="open|Featured" orderby="title" sort="asc"}
                        {switch='<div class="row">|||'}
                        <div class="{switch='col|col|col|col-last'}">
                            <h4><a href="{title_permalink='portfolio'}">{title}</a></h4>
                            <p>{project_description}</p>
                        </div><!-- /end #col -->
                        {switch='|||</div>'}
                        {/exp:channel:entries}
                </div>

---

您还可以通过使用可返回第n项的模运算符来完成此操作

<div class="content-main">
    <h1>Portfolio</h1>
        {exp:channel:entries channel="portfolio" status="open|Featured" orderby="title" sort="asc"}
        {!-- Every 4th item add in a div with the class of row --}
        {if count == 1 OR count % 4 == 1}<div class="row">{/if}
        <div class="{switch='col|col|col|col-last'}">
            <h4><a href="{title_permalink='portfolio'}">{title}</a></h4>
            <p>{project_description}</p>
        </div><!-- /end #col -->
        {if count % 5 == 0 OR count == total_results}</div>{/if}
        {/exp:channel:entries}
</div>