0
ответов

Flex-элементы игнорируют процентное заполнение в Firefox

Я пытаюсь добавить отступ для элемента внутри display: flex element. Когда заполнение задано в процентах, оно не отображается в Firefox, хотя отображается в px. Оба случая работают как ...
вопрос задан: 15 March 2017 18:03
0
ответов

Как предотвратить переполнение гибкого элемента из-за его текста? [дубликат]

Я имею в виду следующий макет для списка. Каждый элемент списка представлен двумя столбцами. Второй столбец должен занимать все доступное место, но при этом он должен быть закреплен справа своим...
вопрос задан: 5 March 2017 12:31
0
ответов

Один гибкий элемент устанавливает предел высоты для братьев и сестер

У меня есть два родственных элемента, каждый из которых содержит динамический контент. < div class = "flex" > < div class = "sibling-1" < / div > < div class = "sibling-2" < / div > < / дел > В ...
вопрос задан: 12 December 2016 03:50
0
ответов

В CSS Flexbox почему нет & ldquo; justify-items & rdquo; и & ldquo; justify-self & rdquo; свойства?

Рассмотрим основную ось и поперечную ось гибкого контейнера: & ...
вопрос задан: 24 September 2016 22:51
0
ответов

Как адаптировать ширину гибкого div к контенту

Моя идея - дать адаптивную ширину div. Когда у меня есть только один элемент, ширина должна быть такой же, как у элемента внутри контейнера div. Любое предложение о том, как это сделать? Пример: http: //codepen.io / ...
вопрос задан: 18 May 2016 23:21
0
ответов

CSS / Flexbox: такая же ширина как самый большой элемент, например столбцы

Я создал компонент списка для своего приложения, я не могу использовать таблицы из-за стиля. Я хочу, чтобы элементы внутри «строк» ​​имели одинаковую ширину сверху вниз, как столбцы. Код ...
вопрос задан: 13 April 2016 12:09
0
ответов

Flexbox вертикально разделенный контейнер в HALF

Может кто-нибудь сказать, как я могу сделать правый верхний контейнер и правый нижний контейнер, чтобы иметь одинаковую высоту и разделить красный контейнер на 50-50% по вертикали. Неважно, что внутри. Я старался ...
вопрос задан: 12 April 2016 09:07
0
ответов

Как мне реализовать многострочный flexbox?

Несмотря на мой поиск в Google, я нашел несколько примеров того, как реализовать многострочные flexbox. Ни один из кодов, которые я получил из примеров, не работал. У меня есть три элемента внутри flexbox, и я хочу ...
вопрос задан: 3 April 2016 03:16
0
ответов

Реагируйте на родной текст, уходящий с моего экрана, отказываясь переносить текст. Что делать?

Следующий код можно найти в этом живом примере. У меня есть следующий нативный элемент реагирования: 'используйте строгий'; var React = require ('response-native'); var {AppRegistry, StyleSheet, Text, ...
вопрос задан: 30 March 2016 12:49
0
ответов

Как создать «свернутые» границы вокруг гибких элементов и их контейнера?

У меня есть следующий макет: # limited-width {width: 100%; максимальная ширина: 200 пикселей; поле: 0 авто; размер шрифта: 18 пикселей; } ul {display: flex; flex-flow: обтекание строк; стиль списка: нет; ...
вопрос задан: 28 February 2016 03:27
0
ответов

Прикрепить элемент (гибкий элемент) к нижней части контейнера

У меня есть контейнер для полной высоты окна / ширины. Внутри этого контейнера я хочу форму, которая расположена вертикально и горизонтально. Ниже я также хочу получить копию в нижней базовой строке ...
вопрос задан: 25 February 2016 01:11
0
ответов

CSS выровнять один элемент вправо с помощью flexbox

https://jsfiddle.net/vhem8scs/ Можно ли выровнять два элемента по левому краю и один элемент по правому краю с flexbox? Ссылка показывает это более четко. Последний пример - это то, чего я хочу достичь. В ...
вопрос задан: 8 February 2016 12:41
0
ответов

Как это возможно, что «display: flex» и «align-items: center» больше не работают на моем iphone?

Привет, ребята, действительно странно, что случилось со мной сегодня ... Я работаю над кодом для создания подменю, и я использовал свойство display: -webkit-flex; дисплей: гибкий; align-items: center; таким образом ...
вопрос задан: 12 October 2015 19:58
0
ответов

Flexbox: CSS Как выровнять дочерние элементы контейнера flexbox с противоположными дальними концами главной оси?

Я оформляю заголовок веб-страницы. Я хочу, чтобы заголовок был одной строкой, которая включает логотип и некоторые навигационные ссылки. Я считаю, что самый лучший, самый современный способ макетировать этот заголовок сегодня - это CSS3 ...
вопрос задан: 12 September 2015 15:22
0
ответов

Как исправить липкий нижний колонтитул Flexbox в IE11

Я создал липкий нижний колонтитул, используя flexbox. Он работает во всех браузерах, кроме IE11. Codepen html {box-sizing: border-box; } *, *: до, *: после {размер коробки: наследовать; } .Page ...
вопрос задан: 5 August 2015 14:19
0
ответов

Вертикальное центрирование изображения в элементе рисунка flexbox

В настоящее время я делаю редизайн раздела портфолио для веб-сайта, и идея состоит в том, чтобы создать репрезентативное изображение для каждого клиента, которое служит фоном для блока ссылок, и когда вы наводите курсор мыши ...
вопрос задан: 24 February 2015 22:13
0
ответов

Использование процентных значений для заполнения элементов flexbox

Я использую flexbox в Google Chrome (должен поддерживаться только этот браузер) для создания динамического макета. У меня есть n дочерних элементов в одном элементе div, которые должны разделять все пространство со всеми одинаковыми ...
вопрос задан: 6 January 2015 12:07
0
ответов

Колонки Flexbox перекрываются

Я пытаюсь имитировать представление сгруппированного списка WinJS, используя flexbox. Я приближаюсь (я думаю) за исключением того, что столбцы перекрываются при изменении размера. http://jsfiddle.net/w8ts4Lnx/5/ Я хочу, чтобы элементы остались ...
вопрос задан: 21 October 2014 04:40
0
ответов

Установите для детей flexbox разную высоту, чтобы использовать доступное пространство

Используя макет flexbox с двумя столбцами, как можно сделать дочерние элементы разного размера, чтобы заполнить все доступное пространство, вместо всех дочерних элементов, имеющих высоту самого высокого дочернего элемента строки? Я установил демо на ...
вопрос задан: 8 January 2014 00:05
0
ответов

Можно ли анимировать вставки и удаления flexbox?

Когда я удаляю элемент из flexbox, оставшиеся элементы немедленно «привязываются» к своим новым позициям, а не анимируются. Концептуально, поскольку элементы меняют свои позиции, я ожидаю...
вопрос задан: 19 June 2012 18:14
0
ответов

Есть ли какое-нибудь актуальное руководство по модулю flexbox? [закрыто]

Я знаю, что спецификация модуля Flexible Box Layout изменилась, и некоторые браузеры теперь реализуют более одной его версии (с использованием разных синтаксисов). Искал информацию, но нашел только...
вопрос задан: 26 May 2012 12:15
0
ответов

Не работают вложенные флексбоксы CSS3

Можно ли вкладывать флексбоксы? Я вложил горизонтальный flexbox в горизонтальный flexbox и вертикальный flexbox в вертикальный flexbox. В хроме работает только горизонтальное в горизонтальном, и ни одно из них не работает...
вопрос задан: 11 May 2012 19:32
0
ответов

CSS3 Flexbox, полноразмерное приложение и переполнение

У меня есть приложение, использующее классическую электронную почту как макет, как показано ниже. Я построил его с использованием новой модели флексбокса CSS3, и он работает блестяще, пока я не добавлю пользователю возможность ...
вопрос задан: 12 February 2012 18:38
0
ответов

В чем разница между display: box и display: flexbox

Насколько я понимаю, модуль CSS Flexible Box Layout переписывается и что display: box не рекомендуется к использованию в пользу display: flexbox. Поддерживается ли display: flexbox в настоящее время во всех ...
вопрос задан: 9 February 2012 04:22
0
ответов

Проблема CSS Flexbox: почему их содержимое влияет на ширину моих flexchildren ?

Каждому из двух дочерних элементов моего flexbox задан стиль box-flex: 1. Я понимаю, что их ширина должна быть равна друг другу (оба занимают 50% от общей ширины их родительского элемента ...
вопрос задан: 25 November 2011 16:30
0
ответов

Firefox и flexbox - При использовании white-space: nowrap для дочернего элемента гибкое поле прерывается

Взгляните на этот jsFiddle в Safari или Chrome, а затем в Firefox: http://jsfiddle.net/brandondurham/LRJhm / Как это выглядит в Webkit: http://cloud.smallparade.com/B4TE Как это выглядит в ...
вопрос задан: 18 October 2011 21:10