在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>';