Результаты поиска по запросу "flexbox"
фиксированная ширина 1000 пикселей. Измените это с вашим медиа-запросом.
аю мобильную адаптивную страницу и впервые использую flexbox. Проблема, которая у меня возникает, заключается в том, что когда в div содержимого много информации, div очень сильно растягивается по ширине страницы. Я попытался использовать стили ...
Спасибо. Это приятно знать! Я использовал сетку, но перешел на flexbox из-за IE.
от вопрос уже есть ответ здесь: Как переупорядочить div, используя flex box? [/questions/45883549/how-to-reorder-divs-using-flex-box] 1 ответМожно ли заставить два смежных элемента вести себя как один элемент в макете flexbox? Скажи, что это ...
Обновленный фрагмент
я есть довольно простая настройка сетки в flex, но недавно я наткнулся на недосмотр, который я сделал. У меня есть столбцы с полем справа: 3em и flex-based: calc (33% - 3em). Моя проблема в том, что 4-й и 5-й из них не выстраиваются в линию, ...
Да, или JS или Sass бы убрать это
аюсь создать адаптивный макет с Flexbox, который позволяет мне чередовать оба направленияrow а такжеrow-reverse. Может быть, вы можете лучше понять это с помощью некоторого изображения (обратите внимание на порядок полей): [/imgs/TsgES.png] И ...
Я мог придумать только старые добрые поплавки, никаких флексбоксов вообще. Если вам не нужно использовать флексбоксы, и вам это интересно, при довольно легкой суете это может выглядеть так (точка привязки составляет 700 пикселей):
аюсь заставить правый столбец макета из 3 столбцов переместиться ниже левого столбца на меньших экранах. Прямо сейчас правый столбец перемещается в правильном направлении за исключением того, что он висит ниже среднего столбца. Я создал эту ...
Абсолютное позиционирование так неправильно. Flexbox здесь, чтобы избавиться от него, вернуть его - плохая идея.
могу правильно центрировать#content без переполнения#container? margin: auto вроде работает, но выглядит для меня как хак, я бы не хотел использовать поля с CSS Flexbox. Имейте в виду, что#cont,ainer имеетposition: fixed. Вот код демонстрирует ...
Я ценю ваш ответ, но суть этого вопроса заключается в том, как использовать сторонний компонент, не мешая его стилям.
ользую сторонний компонент, который занимает все доступное пространство, т.е.width=100% а такжеheight=100%, Я не могу это контролировать. Я пытаюсь вписать его в следующий макет, но егоheight=100% не работает (я ожидаю, что сторонний компонент ...
Ни одно объяснение не является плохим ответом, и у вас также есть синтаксическая ошибка. Я предлагаю вам прочитать о Flexbox, прежде чем отвечать на вопросы, используя его.
ужно растянуть желтого ребенка, чтобы заполнить всю высоту родителя. Без установки родительской высоты. Высота родительского элемента должна зависеть от синего дочернего ...
Фрагмент стека
вы используете flexbox wrap для создания сетки, и у вас есть последняя строка с меньшим количеством элементов, чем в предыдущих строках, поведение по умолчанию «потерянных» элементов сflex: 1 это растянуть горизонтально, чтобы заполнить ширину - ...
Разместите полную демонстрацию. Это может быть проблемой, которую можно преодолеть.
у создать сетку с адаптивными квадратами. Я чувствую, что должен быть в состоянии сделать это с помощью CSS Grid layout, но у меня возникли проблемы с установкой высоты каждого квадрата, равной ширине. Также возникают проблемы при установке ...