Flexbox – вопросы и ответы

88
голосов
3
ответа
Как показано в этом бункере, ширина, указанная для кнопки предварительного просмотра, составляет 120 пикселей, а отображаемая ширина всегда равна 132 px (на разных экранах). .btn-grey{ cursor: poin...
2 года, 3 месяца назад Anis Smail
68
голосов
1
ответ
Проблема: элементы выравниваются справа налево, а не слева направо (при отладке с помощью USB-кабеля) В эмуляторе (3 устройства diff проверены [Android]) его нормальный (слева направо), но при подк...
2 года, 5 месяцев назад Hen Eliezer
74
голоса
1
ответ
Я получаю некоторое неожиданное поведение с моими полями, используя flex, и мне хотелось бы помочь в понимании причин. У меня есть простой html: <div className="dashboard"> <div className=...
2 года назад Max Millington
70
голосов
0
ответов
section { width: 100%; height: 592px; border: 1px solid blue; display: flex; flex-direction: row; position: relative; } .rt-content { width: 50%; float: right; border: 1px solid black; height: 592p...
1 год, 2 месяца назад User16
72
голоса
1
ответ
Центрированные элементы flexbox могут иметь нежелательное поведение когда они переполняют свой контейнер . Для этой проблемы были предоставлены несколько решений, не связанных с flex, но
2 года, 2 месяца назад Chris Talman
61
голос
1
ответ
У меня 2-х столбцовый макет flexbox. Первый столбец имеет дочерний элемент (изображение), который довольно большой. Причина в том, что он большой, так что он выглядит хорошо на дисплеях Retina. Изо...
4 года, 8 месяцев назад big_smile
51
голос
0
ответов
У меня есть такая настройка: <div style="display:flex;"> <div style="flex:1 1 auto; max-width:1176px"> <div> <div style="flex: 1 1 auto; max-width:440px;"> </div> <...
1 год, 4 месяца назад Finglish
60
голосов
2
ответа
Я попытался сделать работу justify-content: flex-end; для переполнения скрытого содержимого DIV в IE11 без успеха. После нескольких комбинаций я создал минимальный фрагмент кода, который работает в...
4 года, 4 месяца назад craPkit
76
голосов
1
ответ
Flexbox контейнер контейнера внутри другого контейнера flex не получает 100% -ной высоты в Chrome, но в Firefox и Edge все нормально. Пример Codepen .container { display: flex; flex-direction: colu...
3 года, 11 месяцев назад fotonmoton
69
голосов
1
ответ
Мой код ниже отлично работает в большинстве браузеров (Chrome, Firefox, Safari, Edge), но, похоже, не работает в IE11. Я читаю об известных проблемах в caniuse, но, похоже, ничего не говорит об IE1...
3 года, 9 месяцев назад Cotten
61
голос
2
ответа
Мне было интересно, как обосновать, сколько пространства разрешено в justify-content: space-between for flexbox. В настоящее время мои объекты разнесены, но у них слишком много места между ними. Я ...
3 года назад Cakers
79
голосов
2
ответа
Я пытаюсь получить подчеркивание для работы с hover на вертикальную nav flexbox с помощью flexbox . При горизонтальной nav без flexbox подчеркивание hover работает нормально, но как только flexbox ...
1 год назад Matt
90
голосов
1
ответ
Я пытаюсь получить макет, где у меня есть столбец 6, плюс столбец 6 справа с двумя вертикальными коробками. Я могу добиться этого без проблем, но я изо всех сил пытаюсь получить высоты двух закрыты...
4 года, 1 месяц назад mro
67
голосов
0
ответов
У меня проблема с фоном для article элемента. Я использую :nth-child(n) , но они не работают корректно на моем localhost. Когда мне то же самое место кода jsfiddle, все в порядке. Код в моем местно...
5 лет назад ondra15
73
голоса
1
ответ
Я пытаюсь закодировать пользовательский интерфейс приложения с одним страницей в стиле Грааль, используя CSS Flexbox, который отвечает следующим критериям: Общий контейнер будет занимать ровно 100%...
4 года назад J. Ky Marsh
77
голосов
0
ответов
При создании объекта StyleSheet в моем проекте React Native я часто хочу создать объект свойства, который очень похож на другой, с одним или двумя изменениями. Раньше я просто копировал объект и ме...
4 года назад Pedram
49
голосов
2
ответа
Поэтому я пытался получить заголовок и некоторый контент, чтобы вписаться в экран, имея div #main с height: 100% как flexbox, так же, как это: #main { height: 150px; /* Using a fixed height here, o...
2 года назад StrikeAgainst
-6
голосов
1
ответ
У меня проблема с flexbox, не заполняющим весь путь до моего навигатора, я не могу для жизни понять это, и отрицательный запас абсолютно ничего не делает Вот скриншот .hero { background-image: url(...
2 года, 9 месяцев назад Zach Handley
61
голос
2
ответа
Мне нужно выполнить следующую гибкую схему: Вот код, который я использую для настольных устройств:
2 года, 4 месяца назад Taher Jodhpurwala
61
голос
5
ответов
Так что у меня такой код, как это более или менее <div class="content"> <div class="c1"> <div> <div class="c2"> <div> <div class="c3"> <div> <div class=...
1 год, 9 месяцев назад Smet71
51
голос
1
ответ
Имея некоторые проблемы с правильной настройкой макета с помощью Flexbox. Представьте себе страницу, содержащую только некоторые панели. Цель состоит в том, чтобы показать x-количество панелей/стро...
3 года, 5 месяцев назад Jim Vercoelen
60
голосов
1
ответ
Я борюсь с flexbox css, чтобы создать приложение cordova на вкладке galaxy + android 4.1.2 вот css, который я использую .container { /*display: flex; display: -webkit-box;*/ display: -webkit-flex; ...
6 лет, 3 месяца назад xavier.seignard
60
голосов
1
ответ
Как я могу воспроизвести flex-direction: row-reverse в React-Native? Когда в стиле элемента я делаю: flexDirection: 'row-reverse' я получаю ошибку: Недопустимое значение prop flexDirection значения
3 года, 7 месяцев назад Cherniv
61
голос
1
ответ
Я использую flex, чтобы выровнять изображения, загруженные из базы данных, но высота определяется самыми высокими изображениями в каждой строке. Как я могу устранить разрыв по вертикали? .imgs { di...
9 месяцев, 3 недели назад Renee
112
голосов
3
ответа
Мне не удалось определить, почему flexbox не работает в IE 11. Для тестирования я получил очень простой макет flexbox из CodePen и вставлял информацию ниже. Chrome работает по назначению; IE11 не р...
4 года, 5 месяцев назад Dizz
-5
голосов
2
ответа
В моей ситуации я не могу применить flex к тегу body. Могу ли я добиться такого же эффекта (липкий заголовок/нижний колонтитул с использованием гибкого окна, занимающего весь экран) без применения ...
2 года, 10 месяцев назад Matthew David Jankowski
64
голоса
1
ответ
Я пытаюсь создать слайдер изображения, проблема в том, что я не могу прокрутить свои div div изображений... Я думал о создании массива, содержащего все div и прокручивая их, но я не знаю, как это с...
3 года, 2 месяца назад Miguel
85
голосов
0
ответов
Извините за название... Я не знаю, как это выразить. Во всяком случае, у меня есть простая страница flex box, в которой мало контента. Проблема в планшете, если я касаюсь экрана, содержимое перемещ...
10 месяцев, 2 недели назад Nie Selam
68
голосов
1
ответ
Я пытаюсь найти современное решение иметь фиксированную панель меню (flex box) в верхней части страницы с гибкой коробкой внизу. Я хочу, чтобы страница прокручивалась с помощью меню, чтобы оставать...
2 года, 11 месяцев назад johhny B
48
голосов
1
ответ
Как горизонтально и вертикально центрировать этот смайлик поверх изображения, а также растягивать его до 50% от размера его контейнера? Т.е. нравится: .test { display: f
5 лет, 3 месяца назад Mark Boulder
50
голосов
1
ответ
Я попытался найти решение этой, казалось бы, простой проблемы, но не повезло. Я использую AngularJS и Angular Material. index.html <div class="parent" layout="column" layout-fill ng-view> <...
2 года, 5 месяцев назад KMK
91
голос
2
ответа
Я использую align-items и justify-content для align-items элементов, мой HTML-код: <div class="flex-container"> <div class="item-1">div</div> <div class="item-2">w=250px<...
1 год, 3 месяца назад amjad
51
голос
1
ответ
У меня есть кнопка в настоящее время на пользовательском компоненте Angular, который, похоже, имеет некоторое значение маржи, исходящее из ниоткуда. Вот изображение кнопки, выделенной с помощью Dev...
1 год, 10 месяцев назад User 5842
91
голос
2
ответа
Я пытаюсь сделать div содержаться внутри другого div, используя абсолютный, однако, когда я добавляю стопроцентную высоту и ширину, это делает размер bodys, а не 100% высоты и ширины div, в котором...
1 год, 6 месяцев назад user4910881
52
голоса
2
ответа
Я занимаюсь дизайном FlexBox для разработки своего сайта, и я пытаюсь применить эти методы, чтобы создать гибкую навигационную панель (идеально подходящую для мобильных пользователей). Как я могу э...
3 года, 2 месяца назад Guren
91
голос
4
ответа
У меня есть div с 3 divs . Внутренние divs - квадраты. Я хочу сделать то, что justify-content:space-around , без использования flex. Кроме того, если я хочу использовать space-around как уменьшить ...
2 года, 8 месяцев назад Abhi
50
голосов
2
ответа
im test flexboxes с css. До сих пор я думал, что это будет легко, но у меня есть небольшая проблема. Как вы можете видеть в следующем примере, я построил макет flexbox. макет содержит заголовок сай...
2 года назад Martin S.
85
голосов
1
ответ
Я пытаюсь выровнять некоторые мои ссылки поверх навигационной панели, а некоторые из них (Выход из системы, Ввод на весь экран) внизу: Но, как вы вид
3 года, 10 месяцев назад trahloff
77
голосов
1
ответ
Я строю домашний проект в реале. Во время игры с макетами представления внутри родительского контейнера перекрываются. Я использую flexbox для проектирования макета формы, но не могу пройти через н...
2 года, 8 месяцев назад Sameer
48
голосов
1
ответ
Пожалуйста, взгляните на мой фрагмент. У меня 3 группы, первая группа (.grp-big) немного больше, чем группы 2 и 3 (.grp). Я использовал.min-width, чтобы заставить группы обернуть "вниз", если брауз...
3 года, 1 месяц назад gsharp
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема