php - 表达式引擎和 CSS

Question

我一直在学习使用表达式引擎。一件事让我难过。

我有一个使用四列网格的布局(参见 http://training.customstudio.co.uk/services )。这使用了三个 CSS 类:一个用于列项，一个用于最后一列项，一个用于添加水平线的行。

我已经使用 EE 类开关来创建列和列最后类，(请参阅 http://training.customstudio.co.uk/portfolio)但我不知道如何让 EE 来创建行类。我可以手动执行此操作，但希望页面是动态的，因此如果有 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 --> 

非常感谢任何帮助!

提前致谢

汤姆·珀金斯

Answer 1

如果您将列 div 包装在每四次迭代包含一个“行”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>