flutuar elementos

[Biel. 9]

Olá pessoal. EX1 os elementos flutuam dentro da div_pai e a div_pai se repete três vezes, até aqui tudo ok.  Quero muito que EX2  com apenas uma query  php e mysql imprima o mesmo resultado que EX1

<style>
  .div_inicio{
   width: 90%;
   max-width:900px;
   padding: 2%;
   border: 2px solid red;
 }
 .div_pai{
  display: flex; flex-wrap: wrap;
  padding: 2%;
  border: 2px solid blue;
  margin-bottom: 20px;
 }

 .div_1{
  flex: 1; 
  width: 70px;
  border: 2px solid green;
  }

 .img_1{
  /* padding: 2px; */
  flex: 1;
  max-width: 70px;
  
  }
</style>

EX1

<div class="div_inicio">

<div class="div_pai">
 <div class="div_1"><img src="img1.png" width="70" alt=""></div>    
 <div class="div_1"><img src="img2.png" width="70" alt=""></div>  
 <div class="div_1"><img src="img3.png" width="70" alt=""></div>  
</div> 

<div class="div_pai">
 <div class="div_1"><img src="img4.png" width="70" alt=""></div>    
 <div class="div_1"><img src="img5.png" width="70" alt=""></div>  
 <div class="div_1"><img src="img6.png" width="70" alt=""></div>  
</div> 

<div class="div_pai">
 <div class="div_1"><img src="img7.png" width="70" alt=""></div>    
 <div class="div_1"><img src="img8.png" width="70" alt=""></div>  
 <div class="div_1"><img src="img9.png" width="70" alt=""></div>  
</div> 

</div> 

...

<?php       
$conexao = mysqli_connect("localhost","root","123","bancoteste" ); 
if(mysqli_connect_error()){ echo "falha na conexão". mysqli_connect_error();}
else{ echo "CONEXAO OK"; }
?>

...

tab_aprendiz
imageName   ref
img1.png    71
img2.png    71
img3.png    71
img4.png    72
img5.png    72
img6.png    72
img7.png    73
img8.png    73
img9.png    73 

....

EX2

<?php
$sql = mysqli_query($conexao, "SELECT * FROM  tab_aprendiz ");
while($linha = mysqli_fetch_array($sql)) {
 @$ref= $linha['ref'];
 @$imageName= $linha['imageName'];
?>

<?php }?>

 

[Frank K Hosaka 0]

<style>
.div_inicio{width: 90%;max-width:900px;padding: 2%;border: 2px solid red}
.div_pai{display: flex; flex-wrap: wrap;padding: 2%;border: 2px solid blue;
  margin-bottom: 20px;}
.div_1{flex: 1;width: 70px;border: 2px solid green;}
.img_1{/* padding: 2px; */flex: 1;max-width: 70px;}
</style>
<?php
$conexao=mysqli_connect("localhost","root","","laravel" ); 
if(mysqli_connect_error()){echo "falha na conexão". mysqli_connect_error();exit;}
echo "<div class=div_inicio>";
$sql=mysqli_query($conexao,"select * from tab_aprendiz");
$controle=1;
while($linha=mysqli_fetch_assoc($sql)) {
  $imageName= $linha['imageName'];
  if($controle==1){echo "<div class=div_pai>";}
  echo "<div class=div_1><img src=$imageName width=70 alt=''></div>";
  $controle++;
  if($controle==4){echo "</div>";$controle=1;}}
echo "</div>";

 

[Marcos_imasters 288]

<?php
$sql = mysqli_query($conexao, "SELECT * FROM tab_aprendiz");
$count = 1;
?>

<div class="div_inicio">
    <?php while ($linha = mysqli_fetch_array($sql)) : ?>
        <?php
        $ref = $linha['ref'];
        $imageName = $linha['imageName'];
        ?>

        <?php if ($count === 1) : ?>
            <div class="div_pai">
        <?php endif; ?>

        <div class="div_1"><img src="<?= $imageName ?>" width="70" alt=""></div>

        <?php
        if ($count === 3) {
            echo '</div>';
            $count = 1;
        } else {
            $count++;
        }
        ?>

    <?php endwhile; ?>

</div>

pode tenta exibir com php somente