Результаты поиска по запросу "flexbox"
==!
означает так же, как [https://developer.mozilla.org/en-US/docs/Web/CSS/flex] flex:1Однако на самом деле это имеет другое шоу в браузере. flex-grow:1.Вы можете попробовать это в этом jsFiddleизменив комментарий в css. ...
направо
я есть три элемента, завернутые в гибкий контейнер, по два в ряд: <div class="container"> <div class="elem-1">a</div> <div class="elem-2">b</div> <div class="elem-3">c</div> </div>Есть ли способ толкнуть последний элемент строки закрыть правый ...
Вместо использования префиксов я хочу попросить посетителей сайта обновить свой браузер.
айт полностью не работает в IE11. Проблема исходит отflex: 1 1 0%;, который я использую везде благодаряautoprefixer ...
Разместите полную демонстрацию. Это может быть проблемой, которую можно преодолеть.
у создать сетку с адаптивными квадратами. Я чувствую, что должен быть в состоянии сделать это с помощью CSS Grid layout, но у меня возникли проблемы с установкой высоты каждого квадрата, равной ширине. Также возникают проблемы при установке ...
, Это означает, что размер элементов зависит от длины их содержимого.
хотел, чтобы первый и последний элементы имели одинаковую ширину. Как это сделать? main { display: flex; justify-content: space-between; width: 100%; } input { width: 200px; }<main> <div> Lorem ipsum dolor sit amet, consectetur ...
Ценю, если полезно. Игнорировать, если нет.
ользую сетку CSS для макета некоторых элементов, как это ... #container { display: grid; grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; } .item { background: teal; color: white; padding: 20px; margin: 10px; }<div ...
Если это может быть динамическое количество элементов, например 3-5, до тех пор, пока мы не используем меньше, чем на 1 меньше, чем максимальное количество, это будет работать нормально.
отаю над галереей изображений на старом сайте. Я не могу использовать ничего, кроме обычного старого HTML / jQuery или JS / CSS. Я знаю, что это будет намного проще с Bootstrap или какой-нибудь сеткой. Я строю это с flexbox. В каждом ряду четыре ...
спас мою жизнь
веденном ниже примере я хочу предотвратить переполнение родительского элемента в растянутом дочернем элементе. Я не хочу указывать ширину для него. Как я могу это сделать? #flex-parent { display: flex; width: 200px; background: green; padding: ...
делает, чтобы заставить элемент расти и заполнять доступное пространство внутри его родителя, как это, и, как вы можете видеть, здесь чередуются строки и столбцы, как это часто делает React, он работает отлично:
читал несколько раз, чтобы получитьflex-grow чтобы работать как положено, вам часто нужно установитьflex-grow:1 (или жеflex:1) на родительском элементе, его родителе и т. д., все время вверх. Когда я изучал flexbox, у меня сложилось впечатление, ...
Фрагмент стека
вы используете flexbox wrap для создания сетки, и у вас есть последняя строка с меньшим количеством элементов, чем в предыдущих строках, поведение по умолчанию «потерянных» элементов сflex: 1 это растянуть горизонтально, чтобы заполнить ширину - ...