Есть ли какие-нибудь умные / стандартные способы получения столбцов боковой панели одинаковой высоты с несколькими виджетами внутри?

Question

JavaScript / jQuery работает, когда в каждом столбце / боковой панели есть одинаковое количество виджетов, проверяя родительский элемент на высоту и применяя его. Я думаю, это влияет на стиль области виджетов.

Используя flexbox, они выравниваются по горизонтали в соответствии с размером (см. Рисунок 2).

Я понимаю, что это вопросы о CSS, но я думаю, что это обычная проблема WordPress, с которой можно столкнуться из-за использования виджетов.

Answer 1

Если вы не установили свойство align-items, оно должно быть растяжением по умолчанию. У вас должно быть поле: auto для ваших столбцов.

Answer 2

Вы можете использовать flexbox, просто обязательно используйте align-items: stretch на контейнере. (Судя по всему, у вас сейчас align-items: center.) Для получения дополнительной информации я обычно проверяю статью CSS-хитрости на flexbox .