Описание тега flex-direction
Свойство Flexible Box Layout в CSS3 и React Native, которое определяет "главную ось" элемента или компонента. По умолчанию "строка" в CSS и "столбец" в React Native.
3
ответа
Столбец Flex-direction делает элементы Flex перекрывающимися IE11
Я столкнулся с проблемой с использованием flexbox в IE11. Когда используешь flex-direction: column Flex-элементы перекрываются: В других браузерах (chrome, safari) это выглядит так: Это CSS: .container { display: flex; flex-direction: column; } .fle…
13 мар '17 в 13:14
1
ответ
Гибкая сетка выдает множество комбинаций направлений гибкости
У меня есть код ниже: container имеет два div дети. Я хочу, чтобы дети div были один под другим; Для первого div, Я хочу LinkT1 раздел, red button и input, чтобы появиться один за другим слева направо, а пространство между ними нужно разделить. Для …
18 янв '19 в 10:52
1
ответ
Изменить направление флекс CSS
Можно ли изменить направление изгиба блоков от одного блока к другому? У меня есть столбец блоков (работающий вертикально, очевидно), использующий flex, но в среднем блоке этих блоков есть три меньших внутренних блока, которые должны работать горизо…
03 мар '17 в 15:56
0
ответов
Ошибка Flexbox в колонке Flexbox
У меня большая проблема в адаптивном веб-сайте в мобильном сафари и на мобильных устройствах, т.е. в некоторых мобильных браузерах. Мой сайт нормально работает в мобильном браузере Chrome, но в колонке ie или safari flex-direction не работают и видн…
24 май '16 в 01:33
2
ответа
flexDirection не работает с scrollview
Я пытаюсь сделать сетку с ScrollView, но я не получаю ожидаемый результат <Text style={{width:100, height:100, backgroundColor:'red'}} >Text</Text> <Text style={{width:100, height:100, backgroundColor:'red'}} >Text</Text> <…
27 апр '18 в 09:42
1
ответ
flex-direction: нужно ли указывать отображение?
Нужно ли указывать свойство отображения, когда у меня есть flex-направление в контейнере. Кажется, работает так же хорошо, но я боюсь, что что-то ломаю: .App { background-color: white; flex-direction: column; padding:15px; font-family: 'Roboto', san…
21 май '17 в 13:21
1
ответ
flex- direction: строка для nav работает только когда я установил nav для отображения: inline-block
nav{ background: grey; display:-webkit-flex; -webkit-flex-direction: row; } nav li{ list-style: none; } Строка flex-direction: работает только при добавлении display: inline-block внутри nav li{}. Я знаю это, потому что -webkit-flex-direction: row-r…
26 ноя '14 в 13:13
2
ответа
Строки одинаковой высоты в направлении flex: столбец
У меня есть гибкий макет с двумя гибкими элементами, отображаемыми в виде строк (flex-direction: column). Предметы должны иметь минимальную высоту, но они должны поддерживать ту же высоту, что и один из них, чтобы расти. Посмотрите эту скрипку и уме…
21 июн '16 в 07:55
2
ответа
Не может плавно анимировать направление flexbox
Я меняю flex-направление при наведении, но я хочу, чтобы это было сделано плавно, но это вызывает шок или рывок в смене направления. Я также использовал переход и анимацию, но она все еще показывает ошибку. .a { display:flex; flex-direction:column; …
05 янв '19 в 17:06
1
ответ
Добавьте другое направление изгиба с помощью nth-child()
Я пытаюсь оформить посты по-другому с nth-child()один пост должен иметь одно гибкое направление, а второй другой, но почему-то я не могу добиться того, чего хочу. Это мой css: .front-page-posts { display: flex; height: 620px; background: black; } .f…
14 авг '17 в 01:36
0
ответов
Flexbox - получим абзац tpo, обертывающий вокруг изображение, как поплавок
Я использую flexbox для макета. Основной контейнер имеет гибкое направление колонны. Есть ли где-нибудь, чтобы абзац плавал вокруг.image-left? Спасибо за помощь .mod { display: flex; position: relative; flex-direction: column; flex-wrap: wrap; } <…
03 май '18 в 10:36
0
ответов
Колонка Flex Direction не работает на мобильных телефонах?
Недавно я столкнулся с проблемой с flexbox. У меня был гибкий контейнер с множеством гибких предметов внутри, настроенный на обертывание. Предметы также были гибкими контейнерами, учитывая, что треть от родительского элемента при больших экранах раз…
03 май '17 в 21:51
0
ответов
Мисс-флекс под стойкой
Проблема в том, что когда я изменяю размер окна, изображение.gallery-1 переходит под 2 изображения ниже, но когда я изменяю направление flex-direction: столбец.gallery это решает проблему, я хочу знать, в чем разница или что происходит *--- Gallery …
29 мар '17 в 09:36
1
ответ
Изменить направление изгиба при намотке
Я пытаюсь использовать вложенный макет flexbox для достижения следующего макета, когда есть определенное количество места: Затем, когда не хватает места, правая часть должна переноситься на макет строки вместо макета столбца, чтобы при переносе бокс…
11 май '15 в 07:41
0
ответов
Wordpress CSS проблема flex-direction
Я настраиваю страницу для своего друга, но у меня есть небольшая проблема. http://spiratree.wp.hehe.si/ [Домашняя страница] После нескольких часов поиска я все еще не могу найти решения. Ниже приведено изображение, показывающее, как я делал баннеры …
03 сен '16 в 17:54
6
ответов
Строка направления движения не работает: она все еще отображается в виде столбца
У меня есть навигационная панель, которую я хочу отображать в виде столбца на маленьких экранах и в виде строки на экранах рабочего стола. Моя проблема в том, что я не знаю, почему "flex-direction: row;" не меняет панель навигации, чтобы соответство…
07 дек '18 в 04:38
1
ответ
HTML/CSS - Как сгруппировать flex-children и показать их в другом направлении?
Я новичок в демонстрации:flex (вау, это действительно круто на соревнованиях, чтобы плавать), и я не могу найти решение для моей (простой) проблемы. У меня есть метка, изображение, вход и изображение в ряд (абзац). Я добавил display:flex к моему абз…
29 ноя '17 в 13:34
1
ответ
Flex-направление в сафари 5
Поэтому я пытаюсь использовать flexbox, но мне было указано, что он не работает на iPhone или в Safari для Windows. После расследования мне удалось обнаружить, что вещь, которая, кажется, не работает, является flex-direction. .flex-columns { display…
29 июн '15 в 10:24
1
ответ
Изменить направление flexbox на другое разрешение
Мой вопрос заключается в том, почему при разрешении ниже 800px направление flex не изменяется, элементы все еще находятся в одном ряду. То же самое происходит, если я хочу изменить порядок на другом разрешении. Вот HTML и CSS: body { font-weight: bo…
27 июн '18 в 18:29
1
ответ
Почему flexDirection не работает, когда представление помещено в ScrollView для реагирования нативного?
Почему flexDirection не работает, когда представление помещено в ScrollView для реагирования нативного? Когда мое представление не помещается в представление прокрутки, параметр flexDirection: 'row' работает нормально. export default class ProfileSc…
07 мар '18 в 10:02