Jquery 如何在td html css/dompdf中匹配图像

基本上，我使用dompdf创建了一个pdf。但是，dompdf正在监听常见的css和html。所以，我有一个html表格。有一个

，它包含很多图像

是否可以操作此

知道图像是否不适合，这样图像将在前一图像下方连续

这是我的密码

**CSS**
table, td, th {
            border: 1px solid black;
        }

table {
       border-collapse: collapse;
       width: 100%;
        }

.table-no-border tr td th{
      border : none;
 }

 td {
    height: 50px;
    vertical-align: middle;
    text-align: center;
  }

**HTML**
<tbody>
    <?php
       $no = 1;
          foreach ($image->result() as $row) {
               $file_thumb = explode(", ", $row->FILE_THUMB);
               echo "<tr>";
                 echo "<td style='vertical-align: text-top ; text-align: left;'>$no</td>";
                 echo "<td style='vertical-align: text-top ; text-align: left;'>$row->SPEC <br> $row->CONTRACT_NO <br> $row->SIZE <br> $row->COIL_NO</td>";

                // a lot of image in td //
                 echo "<td>";
                    for ($i = 0; $i < count($file_thumb); $i++) {
                        echo "<img src= '$file_thumb[$i]' >";
                    }

                echo "</td>";

                echo "<td style='vertical-align: text-top ; text-align: left;'>$row->CHECK_LIST</td>";
                echo "</tr>";
            $no++;
          }
   ?>
 </tbody>

**CSS**
表，td，th{
边框：1px纯黑；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}
.表号边界tr td th{
边界：无；
}
运输署{
高度：50px；
垂直对齐：中间对齐；
文本对齐：居中；
}
**HTML**
这似乎更像是一个设计问题

将每个图像放在它自己的td和/或它自己的行中可能会解决您的问题

如果您想要一个更被动的设计，我建议您完全放弃表，使用浮动div

您可以使用javascript确定图像的宽度等，然后相应地调整表样式，但我不确定dompdf如何响应javascript

table td img {
    display: inline-block;  
    float: left;
}

我还建议删除内联样式。
dompdf虽然能够处理表格，但确实有一些渲染方面的怪癖。很多时候，你永远不会遇到这些怪癖，但看起来你已经找到了

dompdf在构建表时，似乎无法对内容进行回流。更具体地说，这些图片是在抛开它。可能有帮助的是将图像包装在容器中，并在容器上指定宽度。这将为dompdf提供一个与图像列的宽度相关的确定约束。唯一不好的一面是，您必须事先知道该列的合适宽度

// a lot of image in td //
echo "<td><div style='width: 200px;'";
for ($i = 0; $i < count($file_thumb); $i++) {
  echo "<img src= '$file_thumb[$i]' >";
}
echo "</div></td>";

//td中有很多图像//
echo“添加到表格样式怎么样

table {
   border-collapse: collapse;
   width: 100%;
   table-layout: fixed; //new line
}

dompdf根本不支持JS。为此，您需要使用类似的东西。但是，如果首先在浏览器中预览页面，您可以将JS修改后的页面发送回服务器进行渲染。他说的是PDF渲染引擎，因此被动设计根本不是答案。