Coldfusion CFoutput查询循环,但仅每隔三个循环添加html

Coldfusion CFoutput查询循环,但仅每隔三个循环添加html,coldfusion,Coldfusion,我正试图弄清楚如何把我的通讯录排成合适的一行。我遇到的问题是使用cfoutput查询的循环。我只需要每隔三个循环开始一行。这不是一个固定的数字,直接从数据库中提取。如何让显示第一个循环,然后跳过第二个和第三个循环,但在第四个循环中返回,然后跳过第5个和第6个循环并继续,依此类推 <div class="wrapper wrapper-content animated fadeInRight"> <cfoutput query="grab_contacts">

我正试图弄清楚如何把我的通讯录排成合适的一行。我遇到的问题是使用cfoutput查询的循环。我只需要每隔三个循环开始一行。这不是一个固定的数字,直接从数据库中提取。如何让
显示第一个循环,然后跳过第二个和第三个循环,但在第四个循环中返回,然后跳过第5个和第6个循环并继续,依此类推

<div class="wrapper wrapper-content animated fadeInRight">
      <cfoutput query="grab_contacts">
        <div class="row">
        <!-- Insert Loop Here -->
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="../profiles/profile.cfm?employee_number=#grab_contacts.employee_number#">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../images/#grab_contacts.picture#">
                            <cfif len(grab_contacts.phone_extension)>
                            <div class="m-t-xs font-bold">Extension #grab_contacts.phone_extension#</div>
                            </cfif>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h4><strong>#grab_contacts.firstname# #grab_contacts.lastname#</strong></h4>
                        <h5>
                            <strong>#grab_contacts.position#</strong><br><br>
                            <i class="fa fa-map-marker"></i> #grab_contacts.department# Department<br>
                            MCTC #grab_contacts.branch# Branch<br>
                        </h5>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <!-- End Loop Here --></cfoutput>
          </div>
       </div>

行应如下所示:
1 2 3
4.56
7 8 9

编辑:仍然有问题

<div class="wrapper wrapper-content animated fadeInRight">
      <cfoutput query="grab_contacts">
        <cfif CurrentRow mod 3 eq 1>
            <div class="row">
        </cfif>
        <!-- Insert Loop Here -->
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="../profiles/profile.cfm?employee_number=#grab_contacts.employee_number#">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../images/#grab_contacts.picture#">
                            <cfif len(grab_contacts.phone_extension)>
                            <div class="m-t-xs font-bold">Extension #grab_contacts.phone_extension#</div>
                            </cfif>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h4><strong>#grab_contacts.firstname# #grab_contacts.lastname#</strong></h4>
                        <h5>
                            <strong>#grab_contacts.position#</strong><br><br>
                            <i class="fa fa-map-marker"></i> #grab_contacts.department# Department<br>
                            MCTC #grab_contacts.branch# Branch<br>
                        </h5>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <!-- End Loop Here -->
        <cfif CurrentRow mod 3 eq 1>
            </div>
        </cfif>
          </cfoutput>
       </div>

行现在的外观:
1
2 3 4
567
8.9


然后

<cfif CurrentRow mod 3 eq 0 or CurrentRow eq grab_contacts.recordCount>
    </div>
</cfif>

最后也是。


然后

<cfif CurrentRow mod 3 eq 0 or CurrentRow eq grab_contacts.recordCount>
    </div>
</cfif>


最后也是一样。

这非常接近,但它只弄乱了第一排upim尝试将其分成三行,尝试使其与我在上面发布的行相似。当我尝试此操作时,第一行1是第一行,然后它开始执行它应该执行的操作。多利,你是对的。我打字打错了;结束标记的逻辑需要不同。这是超级接近,但它只弄乱了第一行upim尝试将其分成三行,尝试使其与我在上面发布的行相似当我尝试此操作时,第一行1是第一行,然后它开始执行它应该执行的操作doLeigh,你是对的。我打字打错了;结束标记的逻辑需要不同。尝试过的css技巧只是尝试了下面的示例,非常接近,但我一直遇到问题(编辑),我是说在你发布问题之前;-)一个快速的谷歌搜索应该会找到大量的例子,所有的例子都是使用
MOD
,就像蒂姆提到的那样。如果您仍然遇到问题,请将您的问题附加到您当前的代码中,并提供一个错误输出的示例。因此,我们可以帮助您使其正常工作。第一行只有1,其余的是1perfect@Leigh有可能的帮助吗?我仍然在摸索(编辑)我认为MOD的逻辑对于你正在尝试做的事情来说有点偏离。我必须走了,但试着从这样的逻辑开始:尝试css技巧只是尝试了下面的例子,非常接近,但我一直遇到问题(编辑),我是说在你发布问题之前;-)一个快速的谷歌搜索应该会找到大量的例子,所有的例子都是使用
MOD
,就像蒂姆提到的那样。如果您仍然遇到问题,请将您的问题附加到您当前的代码中,并提供一个错误输出的示例。因此,我们可以帮助您使其正常工作。第一行只有1,其余的是1perfect@Leigh有可能的帮助吗?我仍然在摸索(编辑)我认为MOD的逻辑对于你正在尝试做的事情来说有点偏离。我必须离开,但试着从这样的逻辑开始: