Javascript 动态拆分div列

我在下面编写的代码运行良好，但在循环结束时，div并没有关闭，它仍然在打开一个循环

<div class="carousel-inner">
    <div class="item active">
       <div class="row">
        <?php 
        $recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
        $recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
        $i=0; $split=0;

        while($projects=mysql_fetch_array($recent_projects_conn)) {   
             $i++; 
             ?>
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <?php 
            $split++;   
            if ($split % 4 == 0){  
               echo '</div></div><div class="item"><div class="row">';  
            }   
       }
       ?>
        </div>
    </div>
</div> 

您可以这样做：

<div class="carousel-inner">
<?php 
$recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
$recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
$i=0; $split=0;

while($projects=mysql_fetch_array($recent_projects_conn)) {   
     $i++; 
?>
    <div class="item <?php if($i==1) echo "active";?>">
       <div class="row">
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php 
}
?>
</div> 


为什么不在while的开头添加if子句，并排除第一次出现？从第二行开始，我想拆分y行，我添加if类。。。如果它是错误的，则意味着我将按照您的方式继续解决，只需在顶部添加If子句并将其更改为
If（$split&&！（$split%4））{}
即可解决此问题。否则，您需要知道行的精确计数（如果存在下一行）。您也可以在调用while脚本时使用
ob_start
和
ob_get_flush
，但我不认为有必要使其复杂化。一行中只显示一个图像，但在静态中它有4个图像
<div class="carousel-inner">
<?php 
$recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
$recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
$i=0; $split=0;

while($projects=mysql_fetch_array($recent_projects_conn)) {   
     $i++; 
?>
    <div class="item <?php if($i==1) echo "active";?>">
       <div class="row">
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php 
}
?>
</div>