Результаты поиска по запросу "flexbox"
(маржа высшего класса)
у создать адаптивную сетку квадратов с помощью Bootstrap 4, для этого я делаю что-то вроде этого (одна строка): <div class="container"> <div class="row"> <div class="col"></div> <div class="col"></div> <div class="col"></div> <div ...
если это не может быть уменьшено
атривая следующий пример ... body { margin: 0; } * { box-sizing: border-box; } .parent { min-height: 100vh; width: 50vw; margin: 0 auto; border: 1px solid red; display: flex; align-items: center; justify-content: center; } .child { border: 1px ...
Это работает, спасибо!
я есть группа загрузочных карт, собранных в группу карт, то есть все они имеют одинаковую ширину и высоту. Содержание каждой карты разное по высоте, и мне нужна кнопка, выровненная внизу каждой карты (не нижний колонтитул карты, у меня есть ...
Можете ли вы опубликовать jsfiddle, потому что мне кажется, что это решение с фиксированной min-height верхнего div, и мне нужен верхний div с auto-height в соответствии с его содержимым, а нижний div с фиксированной min-height
я есть два div: top div содержит длинный текст, занимающий несколько строкнижний div имеетmin-height а такжеflex-grow: 1Когда я уменьшил окно до появившейся прокрутки, то в chrome все отображается правильно. Но в IE11 верхний div сокращен до ...
Пустое вертикальное пространство между столбцами в Bootstrap 4
аюсь сделать макет, как показано ниже: [/imgs/gXUve.png] Наxs устройства, я хотел бы, чтобы порядок был первым-вторым-третьим. Пример кода у меня есть: <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; ...
-- Спасибо
тили довольно много часов, пытаясь понять это, и кажется, что это должно быть так просто. Веб-страница немного сложнее, но проблема сводится к этому. Я пытаюсь создать гибкую рамку слева, которая должна содержать меню, затем «содержимое» справа, ...
Центрированный флекс-контейнер выходит за рамки [дубликата]
На этот вопрос уже есть ответ: Не удается прокрутить верхнюю часть гибкого элемента, который переполнен контейнером [/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container] 7 ответов Я должен забыть что-то ...
stackoverflow.com/questions/15641142/...
жен создать макет, в котором сетка контента должна быть на всей оставшейся странице, но макет также имеет панель навигации. Для этого я решил разместить панель навигации в гибком контейнере, а содержимое в строке с высотой 100%. Мне нужно ...
Фрагмент стека
аюсь установить ширину div, и его содержимое соответствует ширине абзацаuser-title в этом. Это HTML и CSS: .panel { margin-bottom: 20px; width: auto; display: inline-flex; flex-direction: column; box-shadow: 0 2px 4px 0 #C6C2BF; padding: ...
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
реализована с использованием CSS flexbox.Пример: [http://jsbin.com/jumosicasi/edit?html,css,js,output] [/imgs/aRSuq.png] Количество строк в этом примере равно 4, потому что я установил ширину контейнера для демонстрационных целей. Но в ...