Свойство CSS `gap` не работает, когда `display:block;` установлен [дубликат] ⇐ CSS

[Anonymous]

Я столкнулся с проблемой, из-за которой свойство пробела в CSS не влияет на мой макет. При проверке я заметил, что в некоторых из моих контейнеров установлен display:block;, который, по-видимому, не позволяет Gap работать должным образом. В частности, я пытаюсь использовать пробел для создания интервала между элементами внутри контейнера.
Вот упрощенный пример моей настройки CSS:

Код: Выделить всё

.centered-div {
display: block; /* Problematic line */
/* Other properties */
gap: 24px; /* Doesn't work */
}

Я понимаю, что пробел в основном используется с гибкими контейнерами (

Код: Выделить всё

display: flex;

или display: inline-flex;). Однако изменение display: block; на display: flex; невозможно для этого конкретного контейнера из-за ограничений макета.
Есть ли способ добиться расстояние между элементами (

Код: Выделить всё

gap

) без изменения display: block; для отображения: flex;? Или есть альтернативный подход, который я могу использовать для достижения аналогичных эффектов пространства в негибком контейнере?
Буду очень признателен за любую помощь или идеи. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/786 ... ock-is-set