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

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

Есть ли какой-нибудь polyfill для текущего модуля CSS Flexible Box Layout согласно W3C CR (дисплей: гибкий и т. Д.)? [закрыто]

Flexiejs.com имеет браузер polyfill для CSS flex box, но он основан на более раннем проекте по этой теме, который несовместим с текущей Рекомендацией кандида...

Задан 18 Dec 2012, 13:03 от Jukka K. Korpela
  • 22 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Есть ли какой-нибудь polyfill для текущего модуля CSS Flexible Box Layout согласно W3C CR (дисплей: гибкий и т. Д.)? [закрыто]

Flexiejs.com [http://flexiejs.com/]имеет браузер polyfill для CSS flex box, но он основан на более раннем черновике по этой теме, который несовместим с текущей Рекомендацией кандидата W3CМодуль CSS Flexible Box ...

Задан 18 Dec 2012, 14:03 от Jukka K. Korpela
  • 12 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Как выровнять и растянуть содержимое по вертикали, используя CSS flexbox

Используя CSS flexbox, как я могу одновременно центрировать содержимое всех элементов подряд по вертикали, сохраняя одинаковую высоту для всех без использования CSS?height атрибут? Подробности -http://jsbin.com/efaCEVa/1/edit ...

Задан 28 Sep 2013, 05:49 от Stephen
  • 4 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Если это может быть динамическое количество элементов, например 3-5, до тех пор, пока мы не используем меньше, чем на 1 меньше, чем максимальное количество, это будет работать нормально.

отаю над галереей изображений на старом сайте. Я не могу использовать ничего, кроме обычного старого HTML / jQuery или JS / CSS. Я знаю, что это будет намного проще с Bootstrap или какой-нибудь сеткой. Я строю это с flexbox. В каждом ряду четыре ...

Задан 06 Sep 2017, 21:07 от kauffee000
  • 14 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

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

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

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

Internet Explorer не расширяет flexbox с помощью flex-direction: колонка

Я пытаюсь создать контейнер со статическим заголовком и телом, которое расширяется на основе его содержимого до максимальной высоты. После достижения максима...

Задан 22 Jul 2016, 13:59 от adamdport
  • 13 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

CSS flex-base не работает, когда flex-direction это 'column'

Моя цель состоит в том, чтобы создать макет из двух столбцов с flexbox, в котором первый столбец имеет две строки, а второй столбец имеет одну, например: настройкаflex-basis: 100% на третий пункт дает желаемый эффект, но только ...

Задан 22 Nov 2013, 03:12 от Alek Storm
  • 23 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Вертикально центрировать предметы с flexbox

Я пытаюсь центрировать элементы по вертикали с помощью flexbox CSS; и я знаю, как это сделать с кодом без префикса производителя, но даже с префиксами поставщика я не могу заставить его работать в Webkit (Chrome). Я пытаюсь выровнять по ...

Задан 31 Mar 2013, 05:45 от IMUXIxD
  • 11 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Firefox игнорирует вертикальные поля в элементах flex (дочерних элементах flexbox), если в контейнере не объявлена ​​явная высота

У меня есть адаптивная основанная на процентах сетка, созданная с помощью flexbox с использованием процентных полей. Хорошо играет в Chrome и Safari. Однако ...

Задан 17 Nov 2014, 20:00 от jlevinson
  • 13 голосов
  • ответ
  • 0 просмотров
ответ

https://bugs.chromium.org/p/chromium/issues/detail?id=739860

gle Chrome существует проблема, связанная с тем, что элементы растягиваются / разворачиваются в разных направлениях относительно области просмотра, когда помещаются в контейнер flexbox спримыкающий гибкий элемент, имеющийspace-between или ...

Задан 29 Jun 2017, 13:26 от JamesWilson
  • 6 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Да, но если нужный вам контейнер динамической высоты также является окном просмотра, то flexbox вам подойдет.

я проблема с флекс-боксом. Может кто-то указать мне верное направление? Возможно даже, что flex-box не может решить эту ситуацию из-за того, как он работает....

Задан 10 May 2017, 15:38 от italiansoda
  • 67 голосов
  • 7 ответов
  • 0 просмотров
7 ответов

Автоматическое изменение размера изображения в макете CSS FlexBox и сохранение соотношения сторон?

мы использовали макет CSS flex box, который выглядит так, как показано ниже:Если экран становится меньше, он превращается в это:Проблема заключается в том, ч...

Задан 13 Jan 2014, 22:46 от confile
  • 0 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Flexbox

ользую flex для выравнивания текста и двух кнопок внутри div. Это мой код #wrapper { background-color: gray; display: flex; padding-left: 90px; padding-right: 90px; } #left { padding-top: 33px; padding-bottom: 33px; flex: 0 0 65%; height: ...

Задан 26 Nov 2018, 09:55 от pungis
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Тем не менее, есть еще более простое решение с помощью CSS Grid, если вам интересно.

тирую несколько разных макетов с flexbox, и у меня есть следующая проблема. У меня есть галерея изображений с настроенными элементами Flexflex:0 0 25%; и я хотел бы добавить к ним маржу в 1px, потому что 1% к большому. Поэтому мне ...

Задан 27 Oct 2018, 09:54 от Jakub Klos
  • 0 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

(Скрипка)

Задан 28 Jan 2017, 23:14 от IVCatalina
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Контроль порядка вертикально сложенных элементов с использованием только CSS Flexbox

Я пытаюсь использоватьМодуль CSS Flexible Box Layout контролировать порядок отображения элементов. Вот пример HTML (ииграть на скрипке):

Задан 12 Aug 2014, 20:47 от Josh
  • 3 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Выравнивание трех элементов (слева / по центру / справа) внутри контейнера

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

Задан 10 Sep 2016, 13:24 от Luke C
  • 2 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Выровняйте элемент div по дну контейнера [дубликат]

На этот вопрос уже есть ответ здесь:Выровняйте элемент снизу с помощью flexbox 5 ответовЯ пытаюсь выровнять один из трех элементов div внутри контейнера, но ...

Задан 21 Sep 2016, 19:51 от SuperTony
  • 3 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

любой элемент, который может быть.

аюсь кодировать меню поиска, разделенное на три части. Каждая часть будет иметь полосу прокрутки, если для отображения результатов недостаточно вертикального...

Задан 19 Jun 2017, 16:42 от Kévin_Bransard
  • 5 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Это все, что связано с flex. Это вызвано плохими настройками по умолчанию в Chrome, и это исправляется, когда вы переопределяете его с помощью нормального параметра flex-shrink.

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

Задан 17 Jan 2018, 05:14 от jesse.rohland
  • 4 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

@SuddenlyRust Добро пожаловать ... и ответы тоже способ обучения, и я многому научился, просто помогая другим :)

ужна отдельная прокрутка для каждого из моих столбцов в сетке.В настоящее время я разрабатываю мобильное веб-приложение. Я хочу использовать другую сетку для...

Задан 09 May 2017, 20:24 от SuddenlyRust
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

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

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

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

Flex-Grow работает не так, как ожидалось (Flex-элементы не имеют ожидаемой ширины)

JSFiddle [http://jsfiddle.net/JTEhW/1/] Я пытаюсь использоватьflex CSS-свойства для размещения набора элементов в аккуратной маленькой коробке. Это выглядит именно так, как я хочу в IE10, но Chrome показывает это совсем по-другому. У меня в ...

Задан 10 Apr 2013, 13:31 от Niet the Dark Absol
  • 16 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Работает ли модуль flexbox CSS только с прямыми дочерними элементами?

Посмотрите на эту страницу дизайн сайта, которым я владею и управляю: http://www.jungledragon.com/image/9472/barn_owl_close-up.html [http://www.jungledragon.com/image/9472/barn_owl_close-up.html] Как видите, это касается классического ...

Задан 03 Jan 2013, 22:17 от Ferdy
  • 3 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Просто сделал, если вы проверите в Firefox и Edge, вы увидите, что он по-прежнему не работает

ел этот пост,Элемент Flex с дочерним изображением не корректируется по сравнению с исходной шириной, который я изначально думал, имел ответ, но это не так .....

Задан 03 Apr 2017, 13:04 от LGSon
  • 286 голосов
  • 24 ответа
  • 0 просмотров
24 ответа

Flex-box: выровнять последний ряд по сетке

У меня есть простая схема flex-box с контейнером, как: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Теперь я хочу, чтобы элементы в последнем ряду были выровнены с другим.justify-content: space-between; следует ...

Задан 11 Sep 2013, 14:37 от Thorben Bochenek
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

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

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

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

и ты в квадрате. По умолчанию ваш вертикальный переполнение прокручивается, поэтому вам больше не нужно ничего делать.

отаю над созданием TextArea, которое горизонтально и вертикально центрировано на странице. Учитывая, что мне нужно, чтобы TextArea было центрировано по вертикали, у меня не может быть текстовой области 100w и 100h, мне нужно, чтобы она начиналась ...

Задан 07 Feb 2018, 22:25 от AnApprentice
  • 9 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Почему изображения элементов flexbox изменяются по разному в зависимости от их начального размера?

У меня есть четыре изображения: два маленьких, два больших (размеры указаны в html). Все они имеют ширину img, установленную на 100%, но их родительский div ...

Задан 17 Feb 2015, 18:42 от tazboy
  • 5 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Столбцы одинаковой высоты с CSS

Я хотел бы использовать процент для моей таблицы CSS. К сожалению, это не работает для меня.Что не так с этим кодом? Должен ли я использовать flexbox вместо ...

Задан 19 Nov 2015, 20:34 от user1452062
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Как flex-wrap работает с align-self, align-items и align-content?

есть только один ряд «гибких элементов», Chrome и Firefox показывают разные результаты. Когда есть более одной строки (перенос), Chrome и Firefox показывают одинаковый результат! Так почему это происходит? Это ошибка, или есть какое-то ...

Задан 11 Sep 2018, 19:39 от yokata
Page 1 of 9
1 2 3 4 5