Html 防止调整表内图像的大小（表位于另一个单元格内）

我的应用程序能够生成PDF文档，我在一个单元格中显示多个图像时遇到问题

    <td class="table-cell" style="vertical-align: top;">
        <table class="photo">
            <tr>
                @forelse ($item->photos as $photo)
                <td class="inline-block">
                    <img src="{{HelpMe::photo_tumbnail_200($photo->filepath)}}">
                </td>
                @empty
                Item does not have any photo.
                @endforelse
            </tr>
        </table>
    </td>

@forelse（$item->photos as$photo）
文件路径）}}“>
@空的
项目没有任何照片。
@endforelse

我发送到视图的图像已经达到所需的大小，我不希望它们被调整大小

上面的代码将所有图像放在一行中

因此，如果循环中有15个图像，它会将15个调整大小的图像放在一行中，彼此相邻。我不希望表格调整图像的大小，当该行的空间用完时，我希望它跳到下一行

我怎样才能做到这一点呢？

如您所见，您可以添加

@forelse（$item->photos as$photo）
文件路径）}}“>
@空的
项目没有任何照片。
@endforelse

请在您的问题中添加一个最小的可重复示例，以加快解决部分。我使用顺风，但没有运气。你认为它会做什么？一个接一个地尝试这个添加
标记

       <td class="table-cell" style="vertical-align: top;">
            <table class="photo flex flex-wrap -mb-4">
                <tr class="w-1/3 mb-4 bg-gray-400 h-12">
                    @forelse ($item->photos as $photo)

                        <img src="{{HelpMe::photo_tumbnail_200($photo->filepath)}}">

                    </td>
                    @empty
                    Item does not have any photo.
                    @endforelse
                </tr>
            </table>
        </td>