在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  as $cimg) 
{
    if($columnNumber%3==0) $html.='<tr>';
    $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++;
    if($columnNumber%3==0) $html.='</tr>';
}   

while($columnNumber%3!=0){
    $html.='<td></td>';
    $columnNumber++;
}

$html.= '</tr>';