php 实现的图像读取到表格中

        确切的说着应该是一个小小的技术性的问题，平时没在意，但是真正想实现这种效果的时候才知道不是那么简单，有很多的细节性的问题需要自己去逐个的解决，比如，表格的破损问题，为了这个问题我开始也是很纠结的，不过现在好了，总算搞好了，这道坎总算迈过去了，把代码与大家分享一下

<style>
 table{
  border:1px solid red;
  border-collapse:collapse;
 }
 td{
  border:1px solid green;
  border-bottom:1px solid black;
 }
</style>
<?php
/*
 先讲数组转化为数字索引数组，然后循环数字索引数组
*/
 $arr=array(
  "apple"  => "./img/apple.jpg",
  "banana" => "./img/banana.jpg",
  "caomei" => "./img/caomei.jpg",
  "zaozi" => "./img/zaozi.jpg",
  "orange" => "./img/orange.jpg",
  "lizi" => "./img/lizi.jpg",
  "shizi" => "./img/shizi.jpg"
 );
 
 //关联数组转化为数字索引数组
 $row=array();
 foreach($arr as $key=>$a_v){
  $row[]=$a_v;
 }

 //将数字索引数组循环遍历到表格中，当然这里也可以用foreach,但我用的是比较传统的循环方法for,
 echo "<table border='1px' cellspacing='10px' cellpadding='10px'><tr>";
 for($i=0;$i<count($row);$i++){
  $a=false;
  echo "<td><img src=\'#\'" width='100px' height='100px'></td>";
  if(($i+1)%3 == 0 && $i != 0){
   echo "</tr><tr>";
   $a=true;
  }
 }

 /*下边的这段代码才是这个技术问题的关键所在，作用就是将空缺的单元格<td>补全，避免表格出现断裂，具体的代码含义相信大家都能懂的，可读性就不必挑剔了，

*/
 $remainder=(count($row))%3;
 $a=3-$remainder;
 if($remainder!=0){
  for($i=1;$i<=$a;$i++){
   echo "<td>&nbsp;</td>";
  }
 }
 echo "</tr></table>";
?>

不加最后这段代码之前的效果

 

加上最后这段代码之后的效果

 

比较一下两者的不同就会明白我的良苦用心了