@Pavel2345

Как перенести картинки на следующую строку?

Есть таблица, в ней есть картинки по 4 в ряд остальные переносятся на следующую строку и т.д. Раньше все решалось простым оборачиванием в тег , теперь же я все переделал и сделал цикл, добавление через php-функцию, чтобы можно было добавлять новые картинки через админку. Но теперь при добавлении они просто идут в 1 ряд. Может можно как-то задать размер контейнера, чтобы когда им не хватает места они сами автоматически перелезали на следующую строку или разделять по индексу массива (например if ($massive[4]) >= 4 ) {перенести на другую строку}?
  • Вопрос задан
  • 184 просмотра
Решения вопроса 1
Ankhena
@Ankhena
Нежно люблю верстку
Pavel2345,
замените на
<?php
  $loop = CFS()->get('work_examples');
  foreach ($loop as $row){
    ?>
<a href="<?= $row['work_example_img'] ?>" data-gal="prettyPhoto[2]"><img src="<?= $row['work_example_img'] ?>" alt="Процесс монтажа отопления частного дома - дымоходы" width="200" height="150"></a>


      <?php
  }
  ?>


И найдите, где вокруг всего этого table и замените на div или section.

Дальше обертке задаете класс.
А класс стилизуете.
Флексами или гридами, как удобнее.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы