在html表格列中显示多个图像

Question

我有一个显示多个图像的 html 行。有时，图像数量超过屏幕宽度。因此，如果$columnNumber是 3 ( $columnNumber%3==0)的除法，我想在下一行显示图像。

我有以下代码来显示图像：

 $AllCommentImages = explode(",", $jsonArray[$jsonIndex]['Comment_Image']);

 $html.='<tr><td><b>Photos:</b></td></tr>';

 $columnNumber=0;

 $html.='<tr>';

 foreach($AllCommentImages  as $cimg) 

 {

    $commentmysock = getimagesize($cimg);

    $html.='<td><img style="border:15px solid white;border-radius:15px;" src="'.$cimg.'"'.$this->imageResize($commentmysock[0],$commentmysock[1], 200).'/></td>';

    $columnNumber++;                   

 }   

 $html.= '</tr>';

getimagesize用于缩小图片大小，图片都是缩略图大小。我已将此代码用于 pdf 生成。我不确定在哪里使用$columnNumber%3==0连续获取 3 个图像。

Answer 1

应该像这样工作$AllCommentImages = explode(",", $jsonArray[$jsonIndex]['Comment_Image']);$html.='<tr><td><b>Photos:</b></td></tr>';$columnNumber=0;foreach($AllCommentImages&nbsp; as $cimg)&nbsp;{&nbsp; &nbsp; if($columnNumber%3==0) $html.='<tr>';&nbsp; &nbsp; $commentmysock = getimagesize($cimg);&nbsp; &nbsp; $html.='<td><img style="border:15px solid white;border-radius:15px;" src="'.$cimg.'"'.$this->imageResize($commentmysock[0],$commentmysock[1], 200).'/></td>';&nbsp; &nbsp; $columnNumber++;&nbsp; &nbsp; if($columnNumber%3==0) $html.='</tr>';}&nbsp; &nbsp;while($columnNumber%3!=0){&nbsp; &nbsp; $html.='<td></td>';&nbsp; &nbsp; $columnNumber++;}$html.= '</tr>';