Rellenar columnas verticalmente con php

[xfxstudios]

asi lo podrias hacer, claro ve como evitar que el ultimo registro del div anterior se repita en el siguiente, no he tenido tiempo de ver eso:

Código PHP:

$con=1;
echo "<div class='col-1-4'>";
while($row = $f->fetch_array())
 
{   
        echo "<li>".$con." -".$row['menu']."</a></li>";
        //echo"</div>";
 
        $con++;
 
 
//Segundo bloque si ya se mostraron los dos registros anteriores
    if($con == 3){
        
        echo "</div><div class='col-1-4'>";
        echo "<li>".$con." -".$row['menu']."</a></li>";
        
        $con++;
        } if($con == 5){
        
        echo "</div><div class='col-1-4'>";
        echo "<li>".$con." -".$row['menu']."</a></li>";
        
        $con++;
        } if($con == 7){
        
        echo "</div><div class='col-1-4'>";
        echo "<li>".$con." -".$row['menu']."</a></li>";
        
        $con++;
        } 
    
}
 
echo "</div>";
 
?>
 
<style>
.col-1-4{
    padding:15px;
    background-color:rgba(201,197,197,1.00);
    width:300px;
    display:block;
    position:relative;
    float:left;
    margin-left:20px;
    margin-top:10px;
 
}
.col-1-4:hover{
    background-color:rgba(0,67,123,1.00);
    color:rgba(255,255,255,1.00);
 
}
.col-1-4 li{
    margin-bottom:10px;
    text-decoration:none;
}
.col-1-4 li a{
 
    text-decoration:none;
}
</style>