Запрет изменения размера изображения внутри таблицы (таблица находится внутри другой ячейки) - PullRequest
Новая
       5

Запрет изменения размера изображения внутри таблицы (таблица находится внутри другой ячейки)

0 голосов
/ 25 января 2020

мое приложение может создавать документы 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>
  1. Изображения, которые я отправляю на мой взгляд, уже имеют необходимые размеры, я не хочу, чтобы их размер был изменен.
  2. Вышеупомянутый код помещает все изображения в один ряд.

Так что получается, что если у меня будет 15 изображений в этом l oop, он поместит 15 изображений с измененным размером рядом друг с другом в один ряд. Я не хочу, чтобы таблица изменяла размеры изображений, когда в этой строке заканчивается свободное место, я хочу, чтобы она переходила к следующей строке.

Как я могу это сделать?

1 Ответ

0 голосов
/ 25 января 2020

Вы можете добавить <table class="photo flex flex-wrap -mb-4">, как видите здесь 

       <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>
...