Вопросы с тегом «flexbox»

У меня есть гибкий контейнер с двумя гибкими элементами. Я хочу установить верхний край на втором, но только когда он завернут, а не на первой гибкой линии. По возможности я хочу избегать использования медиа-запросов. Я думал, что нижняя граница первого элемента может быть решением. Однако он добавляет пространство внизу, когда …

88 css  margin  flexbox 

Вчера я получил в школе веб-сайт, который использует оператор Flexbox CSS 3. Я никогда не использовал это раньше. Итак, я немного погуглил и нашел много разных стилей операторов flexbox. Кто-то пишет display: box;, кто-то пользуется display: flexbox;, а кто-то display: flex;. Так в чем же отличия? Что мне следует использовать?

84 css  flexbox 

Я центрирую DIV внутри другого DIV, используя flexbox. Подумайте о диалоговом окне, которое появляется в центре экрана при необходимости. Это работает нормально, однако выглядело бы намного лучше, если бы пространство над и под диалоговым окном было не совсем одинаковым, с 40% оставшегося пространства над и 60% под диалоговым окном. Это …

23 html  css  flexbox  centering 

Я пытаюсь создать систему меню с изображением и текстом выше и ниже. Данные являются динамическими. Я хочу, чтобы система меню появилась так, чтобы каждое изображение было на одинаковом расстоянии друг от друга, чтобы они выстраивались в сетку изображений как по горизонтали, так и по вертикали. Проблема в тексте. Если текст …

17 html  css  flexbox 

Я кодировал скрипт (с помощью пользователя здесь), который позволяет мне расширять выбранный div и заставлять другие div вести себя соответствующим образом, растягивая в равной степени, чтобы соответствовать оставшемуся пространству (кроме первого, ширина которого фиксирована). И вот картина того, чего я хочу добиться: Для этого я использую flex и переходы. Это …

9 javascript  jquery  css  flexbox  css-transitions 

Отображение галереи изображений различных размеров и соотношения со следующими характеристиками: Нет пробелов (полей) между изображениями. Соблюдайте оригинальное соотношение в максимально возможной степени. Изображения окружены ссылкой. Решение не JS. Изображения могут быть обрезаны немного. Портативное решение. Набор отображаемых изображений является случайным. Изображения должны отображаться слева направо (предотвращает использование столбцов). Я добился …

9 css  flexbox  image-gallery