Лучшие flexbox вопросы ИТ разработчиков

  • 3 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

stackoverflow.com/questions/15641142/...

жен создать макет, в котором сетка контента должна быть на всей оставшейся странице, но макет также имеет панель навигации. Для этого я решил разместить панель навигации в гибком контейнере, а содержимое в строке с высотой 100%. Мне нужно ...

Задан 09 Mar 2018, 10:43 от Dan
  • 4 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

 но я ищу простое решение, чтобы включить его в систему сетки Bootstrap.

ользую Bootstrap 4 для простоты. Мои вопросы: Зачем устанавливать 100% рост ребенка (.inner) флекс работает? Для каждого элемента в этом коде высота «установлена» вauto.Как.inner элементы знают, что высота 100% - это высота самого высокого ...

Задан 27 Nov 2017, 23:50 от max
  • 4 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Исключить элемент с фиксированным позиционированием из justify-content во флекс-макете [дубликат]

На этот вопрос уже есть ответ здесь:Абсолютно позиционированный элемент Flex не удаляется из нормального потока в IE11 4 ответаВ настоящее время я пытаюсь со...

Задан 15 Mar 2016, 08:37 от BrainStone
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

 фиксированная ширина 1000 пикселей. Измените это с вашим медиа-запросом.

аю мобильную адаптивную страницу и впервые использую flexbox. Проблема, которая у меня возникает, заключается в том, что когда в div содержимого много информации, div очень сильно растягивается по ширине страницы. Я попытался использовать стили ...

Задан 20 Nov 2017, 20:33 от prospector
  • 7 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Сохранение контейнера flexbox по центру, когда дочерний текст переносится в 2 или более строк [дубликата]

На этот вопрос уже есть ответ: Делайте контейнеры сокращенными, чтобы соответствовать дочерним элементам, когда они обертывают [/questions/37406353/make-container-shrink-to-fit-child-elements-as-they-wrap] 4 ответа Я пытаюсь центрировать дваdiv ...

Задан 08 Sep 2015, 19:25 от MattSidor
  • 16 голосов
  • 6 ответов
  • 0 просмотров
6 ответов

Выровненная по центру сетка слева с flexbox

Я хотел бы реализовать адаптивный макет в виде сетки с использованием flexbox (без медиазапросов). В сетке может быть переменное количество элементов. Каждый...

Задан 14 Sep 2015, 19:22 от Dorota Cieslinska
  • 1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

Flexbox - justify-content: center и align-items: center не работает?

У меня довольно простые настройки flex, и по какой-то причине рассматриваемый div не будет вертикально центрироваться внутри родительского тега. Вы можете ув...

Задан 02 May 2016, 23:42 от trevorhinesley
  • 24 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

Ширина флексбокса IE10 включает отступы, вызывающие переполнение. Размер коробки: рамка не исправлена

Дочерний элемент LHS flex в этом примере имеет заполнение 1em, что приведет к переполнению RHS родительского элемента:

Задан 11 Oct 2013, 08:55 от Graeme Pyle
  • 4 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Да, или JS или Sass бы убрать это

аюсь создать адаптивный макет с Flexbox, который позволяет мне чередовать оба направленияrow а такжеrow-reverse. Может быть, вы можете лучше понять это с помощью некоторого изображения (обратите внимание на порядок полей): [/imgs/TsgES.png] И ...

Задан 03 Nov 2017, 09:01 от Cristian Traìna
  • -1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

Фрагмент стека

т, ребята. Я пытаюсь установить функцию Javascript для выравнивания (растяжения) последнего потомка в FlexBox. Чтобы показать максимум три столбца в строке у меня на. артикул-карта-контейнер установленflex: 1 1 calc(100 * (1/3));. Чтобы ...

Задан 12 Jan 2018, 10:36 от Stan Skrivanek
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Спасибо. Это приятно знать! Я использовал сетку, но перешел на flexbox из-за IE.

от вопрос уже есть ответ здесь: Как переупорядочить div, используя flex box? [/questions/45883549/how-to-reorder-divs-using-flex-box] 1 ответМожно ли заставить два смежных элемента вести себя как один элемент в макете flexbox? Скажи, что это ...

Задан 19 Nov 2017, 23:27 от Rolf
  • 11 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Блокировать элементы только внутри гибкого элемента?

Очевидно, вы можете иметь только блочные элементы (inline, inline-block, float ничего не работает) внутри контейнера flex-элемента? Это просто странно и не к...

Задан 23 Nov 2014, 14:29 от 3zzy
  • 1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

Выравнивание по дну во flexbox

У меня есть контейнеры, которые должны динамически менять высоту в зависимости от содержимого. Для всех контейнеров в данной строке нижний текст должен быть ...

Задан 28 Jul 2016, 14:52 от user4584963
  • 326 голосов
  • 9 ответов
  • 0 просмотров
9 ответов

Как сделать флексбокс детей на 100% ростом их родителей?

Я пытаюсь заполнить вертикальное пространство элемента flex внутри flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: ...

Задан 13 Mar 2013, 09:19 от Raz
  • 65 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Flexbox и вертикальная прокрутка в приложении полной высоты с использованием NEWER Flexbox API

Я хочу использовать приложение в полный рост, используя flexbox. Я нашел то, что я хочу, используя старый flexbox (display: box; и другие) в этой ссылке:CSS3 Flexbox полноразмерное приложение и ...

Задан 19 Feb 2013, 16:28 от José Cabo
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

IE гибкая модель коробки не работает

Я пытаюсь внедрить гибкую блочную модель в мой веб-сайт, и хотя она работает для -webkit-браузеров, таких как chrome и safari, других браузеров, таких как mozilla и opera, я не могу заставить ее работать в Internet Explorer, независимо от того, ...

Задан 10 May 2013, 17:35 от Dezmen Ceo Sykes
  • 23 голосов
  • 10 ответов
  • 0 просмотров
10 ответов

IE11 flexbox, предотвращающий перенос текста? [закрыто]

Я занимаюсь разработкой сайта, который отображает «ОК» в последних версиях Firefox / SeaMonkey / Chrome, но, что интересно, в IE11 есть проблема рендеринга:h...

Задан 02 Oct 2013, 11:31 от Jez
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Переполнение текста в Firefox с игнорированием nowrap (работает Chrome)

Я создал JSFiddle с проблемойВотЭто работало на Firefox v33 и v33.1, однако не получалось в 34-35. Это работает в Chrome и IE11 правильно. Это может быть оши...

Задан 13 Jan 2015, 22:38 от automaton
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Спасибо за подробное объяснение и ссылку. Принятие ответа @ LGSon, поскольку он сохраняет столбец flex-direction:, который полезен, когда имеется несколько элементов при правильном определении размеров этих предварительных тегов.

Задан 26 May 2017, 22:14 от Karolis
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Как создать боковую панель и область содержимого с помощью flexbox?

Я хотел бы использовать flexbox для создания боковой панели и основной области содержимого. Высота боковой панели должна быть не меньше высоты окна. Однако, ...

Задан 25 Jul 2015, 03:03 от Naresh
  • 22 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Изменить порядок div с помощью CSS в зависимости от ширины устройства

Я работаю над адаптивным сайтом и столкнулся с интересной проблемой. У меня есть несколько divs бок о бок. Их может быть от 2 до 6 или около того. Когда экра...

Задан 28 Sep 2015, 18:32 от 3ocene
  • 14 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Контроль ширины гибких элементов, расположенных вертикально в гибком контейнере

Я пытаюсь добиться эффекта, когда поля с надписью «HALF» занимают только 50% ширины (иначе они делят первый ряд равномерно).Основным требованием является то,...

Задан 19 Dec 2016, 17:58 от parliament
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Оберните изгибаемые элементы в сетку из 2 столбцов

Я пытаюсь сделать 2-колоночную сетку с flexbox, но она не дает желаемого результата. Вместо этого он производит 3 столбца в строке. Вот моя разметка и CSS:

Задан 16 Apr 2016, 14:50 от fefe
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Разбивать неупорядоченные элементы списка по столбцам с помощью flexbox

Есть ли способ разбить элементы списка внутри неупорядоченного списка с помощью flexbox? Я хочу создать выпадающее меню из 3 столбцов.Например, мой HTML-код:

Задан 18 Aug 2016, 21:34 от Chad
  • 13 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

ie10 и flexboxes? (кошмарный сон)

К сожалению, я должен сделать свой код сайта совместимым с Internet Explorer 10, и у меня возникают некоторые проблемы, даже после прочтения документации на ...

Задан 10 Sep 2013, 03:26 от shan
  • 44 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

@ Жан-Франсуа Корбетт спасибо за пересмотр :)

ужна помощь, чтобы решить проблему, мне нужно центрировать содержимое внутри столбца в bootstrap4, пожалуйста, найдите мой код ниже

Задан 01 Mar 2017, 09:49 от Praveen Kumar
  • 9 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

гибкие элементы без учета ширины

Я переупорядочил некоторые элементы в своем html, используя flexbox в адаптивном дизайне веб-сайта, который работает нормально, но тогда элементы не будут до...

Задан 14 Jun 2016, 14:53 от Neil K
Page 2 of 9