Описание тега flexbox
CSS module for flexible layouts providing a broad range of options for aligning elements while eliminating the need for floats and tables.
1
ответ
Mozilla flexbox не работает с строкой начальной загрузки
Я использую контейнер начальной загрузки 3, внутри есть col-sm-4 и col-sm-offset-4 для центрирования формы внутри. Я бы хотел центрировать форму по вертикали с помощью flexbox, он работает в Chrome и Safari, но с Mozilla он не работает. #login { hei…
23 июл '16 в 16:03
2
ответа
CSS Flex, не ограничивающий порядок элементов списка
Мне удалось получить это решение, чтобы изменить порядок каждые 1, 2 и т. Д.... так 1,3,2,5,4, но есть ли возможность изменить это так, не имеет значения, сколько элементов списка и более динамично? ul { display: flex; flex-direction: column; } li:n…
14 апр '17 в 01:21
1
ответ
Могу ли я использовать подобный по реакции flex аналог для начальной загрузки системы строк / столбцов?
Является ли это хорошей идеей использовать flex в реагировать на нативном языке, как этот, - создавать свои собственные компоненты, которые извлекают значения flex? Я раньше использовал систему сетки начальной загрузки, а теперь я пытаюсь научиться …
10 окт '17 в 12:26
0
ответов
Переходы flexbox без JavaScript
Я пытаюсь добавить переходы к отзывчивой навигации со свойствами flexbox. Когда окно уменьшается, последний элемент li уменьшается и растет. Могу ли я сделать элемент li, который постепенно уменьшается, не используя JavaScript, только CSS-переходы? …
01 дек '15 в 13:03
2
ответа
Flex макет с ScrollView
Некоторое время назад я делал макеты для экранов в React Native с Flexbox и не столкнулся с какими-либо проблемами до сегодняшнего дня, когда мне нужно было сделать этот очень простой макет: Раздел заголовка (не NavBar). Раздел содержимого → ScrollV…
31 июл '18 в 19:10
1
ответ
Переполнение текста в соседней кнопке при начальной загрузке
У меня есть веб-страница, где вся страница разделена на две части: левую и правую. Раздел показан ниже. В левой части у меня есть две кнопки рядом и одна кнопка с длинной текстовой строкой "Редактировать категории". Эта кнопка переполняет текст и в …
11 апр '18 в 20:19
1
ответ
Укладка div с flex
У меня есть следующий код, который центрирует мой контент по вертикали HTML <div class="titleHide flex"> <h4>...</h4> <h1>...</h1> </div> CSS .titleHide { position: absolute; top: 0; left: 0; height: 100%; width: …
16 мар '17 в 16:16
1
ответ
Гибкий элемент не заполняет 100% высоты в гибком контейнере
У меня есть следующая разметка: .container { display: flex; width: 500px; } .col1 { background: red; height: 100%; width: 50px; } .col2 { background: blue; flex: 1; height: 200px; } <div class="container"> <div class="col1"></div> …
07 ноя '17 в 05:01
1
ответ
Контролировать высоту гибкого элемента в пределах гибкой сетки, не затрагивая окружающие элементы
Я использую гибкую сетку, чтобы выложить информацию. Я хочу выделить одну из ячеек в сетке, чтобы она выделялась для пользователей, регулируя высоту соответствующей ячейки. Тем не менее, мои попытки не зашли слишком далеко, так как настройка свойств…
22 май '18 в 18:05
4
ответа
Сделайте так, чтобы гибкий элемент действовал как блок отображения
Таким образом, у меня есть контейнер, который использует display flex, а затем 4 делителя, внутри которых первый должен действовать так, как будто он использует блок отображения, а остальные 3 должны быть такими, какие они есть. Демонстрация фрагмен…
15 дек '17 в 22:24
3
ответа
Кнопка CSS, как функция вертикального выравнивания
Пред история Я создаю HTML-форму, с элементами, имеющими несколько вариантов...., но вместо того, чтобы показывать их как выпадающий список, я хотел бы показать их как кнопки без использования js, я удалил кнопки с меткой, указывающей на флажок вво…
01 сен '16 в 12:27
0
ответов
Центрировать элемент внутри кнопки на обеих осях, используя Flexbox
Я пытаюсь использовать Flexbox для центрирования элемента по обеим осям внутри элемента кнопки. Код прекрасно работает в Chrome, но не может центрировать элемент в Firefox и Safari. Когда я преобразую кнопку в элемент div, элемент будет располагатьс…
17 ноя '16 в 17:02
1
ответ
Удаление горизонтальной полосы прокрутки
В jsfiddle ниже есть две кнопки, которые открывают меню div с левой или правой стороны экрана. Когда меню открыты, остальная часть сайта (я использовал html div) перемещается вместе с ними. Моя проблема в том, что когда открывается левое меню, HTML-…
07 авг '16 в 22:48
2
ответа
Отделите / сетку от столбцов и внутренних строк столбцов, используя flex, и выровняйте изображение в одном столбце в центре
Я перехожу с поплавков на flexbox, у меня есть некоторые проблемы. У меня есть следующий код: .card { display: flex; flex-direction: row; border: 1px solid green; margin-bottom: 0.8rem; } .card .image { border-right: 1px solid #E3E3E3; padding: 1.2r…
22 мар '18 в 17:37
1
ответ
Как выровнять 2 реагирующих нативных элемента, 1 находящийся в центре и 1 в начале
Предположим, что у нас есть те, которые реагируют на нативные стили: var styles = StyleSheet.create({ parentView:{ width: 400, height:150 }, containerView:{ flex:1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center', backgroundColo…
24 мар '16 в 15:33
2
ответа
Как установить ширину элемента, в то же время позволяя тексту растягивать его?
У меня есть flexbox, и я бы хотел, чтобы моя кнопка управления формой (ширина: 100%) расширялась до той же длины, что и h2, а не h1. К сожалению, поскольку div, в который помещены h2 и кнопка, не имеет объявленной ширины, класс управления формой рас…
07 мар '18 в 12:58
2
ответа
Сделайте серию ящиков как можно большим, ограниченную родителем
Можно ли сделать серию блоков с фиксированным соотношением сторон (16/9) как можно большим внутри родительского элемента фиксированного размера? Количество дочерних блоков варьируется, поскольку они генерируются динамически. Я думал об использовании…
18 июл '16 в 12:08
3
ответа
Получение 100% высоты внутри элемента flexbox
Я пытаюсь создать следующий макет, используя flexbox. Верхняя черная полоса, средняя секция и нижняя черная полоса - это все элементы flex, которые являются потомками div-оболочки, находящегося внутри тега body, который выглядит следующим образом. &…
11 апр '16 в 16:06
1
ответ
Как получить квадратные кнопки в гибком макете с помощью CSS?
Я думаю, что flex - это хорошее решение для разработки адаптивной панели управления видеоплеером. Пример - панель управления проигрывателем Amazon. Слева и справа я хочу квадратные кнопки. Индикатор выполнения получает остальное пространство. Я дума…
23 мар '16 в 13:37
1
ответ
У меня возникли проблемы с центрированием моих изображений на маленьком экране, используя основную сетку XY
Я создал тренировочный сайт с новой сеткой Foundation xy, и когда я уменьшаю размер браузера до небольшого экрана, изображения обнимаются с левой стороны страницы и больше не центрируются. Это не так, пока я не сделаю экран наименьшего размера, кото…
25 июл '17 в 01:52