Результаты поиска по запросу "flexbox"
Фрагмент стека
аюсь установить ширину 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: ...
stackoverflow.com/questions/15641142/...
жен создать макет, в котором сетка контента должна быть на всей оставшейся странице, но макет также имеет панель навигации. Для этого я решил разместить панель навигации в гибком контейнере, а содержимое в строке с высотой 100%. Мне нужно ...
Пустое вертикальное пространство между столбцами в Bootstrap 4
аюсь сделать макет, как показано ниже: [/imgs/gXUve.png] Наxs устройства, я хотел бы, чтобы порядок был первым-вторым-третьим. Пример кода у меня есть: <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; ...
Это работает, спасибо!
я есть группа загрузочных карт, собранных в группу карт, то есть все они имеют одинаковую ширину и высоту. Содержание каждой карты разное по высоте, и мне нужна кнопка, выровненная внизу каждой карты (не нижний колонтитул карты, у меня есть ...
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, потому что я установил ширину контейнера для демонстрационных целей. Но в ...
Можете ли вы опубликовать jsfiddle, потому что мне кажется, что это решение с фиксированной min-height верхнего div, и мне нужен верхний div с auto-height в соответствии с его содержимым, а нижний div с фиксированной min-height
я есть два div: top div содержит длинный текст, занимающий несколько строкнижний div имеетmin-height а такжеflex-grow: 1Когда я уменьшил окно до появившейся прокрутки, то в chrome все отображается правильно. Но в IE11 верхний 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 ...
(маржа высшего класса)
у создать адаптивную сетку квадратов с помощью Bootstrap 4, для этого я делаю что-то вроде этого (одна строка): <div class="container"> <div class="row"> <div class="col"></div> <div class="col"></div> <div class="col"></div> <div ...
Спасибо за ответ, но я не думаю, что вы действительно ответили на мой вопрос: «липкое» поведение работает, но когда применяются свойства высоты для двух элементов div, оно нарушается.
даю целевую страницу, на которой пользователь впервые видит основную область с нижним колонтитулом. Прокрутка вниз показывает, что нижний колонтитул - это липкий заголовок, и я стремлюсь использовать чистый CSS для достижения этой цели. Чтобы ...
Также спасибо за пост с дополнительными подробностями! Это решило еще одну из моих проблем. : D
у построить что-то вроде карусели, которую вы можете перемещать с помощью полосы прокрутки. На каждом из слайдов есть одна строка текста, которая должна быть как горизонтально, так и вертикально центрирована. настройкаalign-items: center меняет ...