Два столбца поля повторителя Дополнительные пользовательские поля - PullRequest
Новая
       12

Два столбца поля повторителя Дополнительные пользовательские поля

0 голосов
/ 08 мая 2019

Я новичок в ACF и хочу использовать поле повторителя для создания строки из двух столбцов.Он работает так, как я хочу (две четные, пополам колонки).Я хочу, чтобы каждый столбец начинался с той же высоты, что и другой, поэтому я устанавливаю высоту.Но я хочу убедиться, что я использую лучшие практики ... как я написал это так, как вы бы порекомендовали?Я чувствую, что, возможно, есть лучший способ

Заранее спасибо.

PHP 

<div class="bg-white">
     <div class="dib mw9 center">

      <?php

      if( have_rows('faq') ):
          while ( have_rows('faq') ) : the_row(); ?>

            <div class="parent">
              <h4><?php the_sub_field('question'); ?></h4>
              <p><?php the_sub_field('question_answer'); ?></p>
            </div>

          <?php endwhile;
          else :
          endif;
      ?>

      </div>
 </div>

CSS 

.parent {
    display: inline-block;
    height: 240px;
    width: 50%; 
    float: left;
    padding: 48px 24px;
}

1 Ответ

0 голосов
/ 09 мая 2019

если вы можете добавить дополнительный класс к div-элементу обертывания (class = "dib…"), назовем его ".parent-wrapper", вы можете просто использовать следующий код: 

.parent-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.parent {
    flex: 50%;
    padding: 48px 24px;
}

Нет необходимости в высоте, так как flex заботится об этом.Здесь вы не зависите от длины контента.Поэтому даже очень длинные ответы будут правильно отформатированы.

Надеюсь, это поможет:)

...