Я столкнулся с проблемой, из-за которой свойство пробела в CSS не влияет на мой макет. При проверке я заметил, что в некоторых из моих контейнеров установлен display:block;, который, по-видимому, не позволяет Gap работать должным образом. В частности, я пытаюсь использовать пробел для создания интервала между элементами внутри контейнера.
Вот упрощенный пример моей настройки CSS:
Код: Выделить всё
.centered-div {
display: block; /* Problematic line */
/* Other properties */
gap: 24px; /* Doesn't work */
}
Я понимаю, что пробел в основном используется с гибкими контейнерами (
или display: inline-flex;). Однако изменение display: block; на display: flex; невозможно для этого конкретного контейнера из-за ограничений макета.
Есть ли способ добиться расстояние между элементами (
) без изменения display: block; для отображения: flex;? Или есть альтернативный подход, который я могу использовать для достижения аналогичных эффектов пространства в негибком контейнере?
Буду очень признателен за любую помощь или идеи. Спасибо!
Подробнее здесь:
https://stackoverflow.com/questions/786 ... ock-is-set
Мобильная версия