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

57
голосов
2
ответа
Это основной вопрос, "что не так в этом коде". Я написал некоторые изгибы и, основываясь на своем понимании, должен работать. Здесь сценарий: - С правой стороны .card есть набор .clickBoxes . Они в...
5 месяцев, 4 недели назад k2snowman69
100
голосов
3
ответа
Возможно ли следующее с css? Если нет, какие события javascript будут использоваться, даже если зеленый квадрат меняет контент? Я хотел бы по вертикали поместить три окна: Первая (зеленая) может со...
5 месяцев, 4 недели назад Colin
57
голосов
2
ответа
Я пытаюсь показать объем текста вертикально по горизонтали, как показывает страница разработчика Mozilla для поддержки браузера, но использует гибкий CSS, например. https://developer.mozilla.org/en...
5 месяцев, 4 недели назад Divya Sharma
119
голосов
1
ответ
Я собираю небольшую демонстрацию flexbox для проекта с некоторыми примерами. Я использую Object.assign для динамического добавления некоторых стилей в некоторые элементы flex, когда пользователь ме...
5 месяцев, 4 недели назад joshuaaron
90
голосов
1
ответ
Проблема... содержимое моего заголовка не в строке. поэтому он гласит: Сообщение Жить Playlist Авторизоваться Когда я хочу, чтобы он читал: Post Live Playlist Login .App { text-align: center; backg...
5 месяцев, 4 недели назад Allan Von Schenkel
80
голосов
2
ответа
Я хотел бы выделить многострочный текст в приложении React Native, изменив цвет фона текста. Проблема в том, что цвет фона изменяется во всей текстовой области, а не только под словами. class Examp...
5 месяцев, 4 недели назад Bruno Brugger
56
голосов
1
ответ
Может ли кто-то пролить свет на это поведение jsFiddle? http://jsfiddle.net/zZgmn/1/ Я хочу, чтобы поле input[type=text] имело определенную ширину. Тем не менее, при заданном направлении гибкости п...
5 месяцев, 4 недели назад Senica Gonzalez
58
голосов
1
ответ
У меня есть макет сетки продуктов с использованием flexbox. Я хотел бы, чтобы это показало минимум два продукта подряд, независимо от того, насколько маленький экран. У меня есть следующий код, кот...
5 месяцев, 4 недели назад Mike Harrison
91
голос
3
ответа
Я сталкиваюсь с проблемами с расположением браузера с использованием углового материала v1.0.6. Я намереваюсь иметь заголовок, нижний колонтитул и две одинаково широкие панели между тем, чтобы покр...
5 месяцев, 4 недели назад creimers
-4
голоса
1
ответ
Здесь у меня есть код - https://codepen.io/anon/pen/RMdYyG На самом деле просто, но я застрял. У меня есть 3 элемента, расположенных рядом друг с другом с помощью inline-flex. Мне нужно центрироват...
5 месяцев, 4 недели назад ttmt
57
голосов
2
ответа
У меня проблема с двумя частями, если вы посмотрите на диаграммы ниже, вы увидите, что у меня есть коробка с 9 ящиками. Внешняя коробка должна быть 80% (хотя в теории что-либо), но ящики внутри дол...
5 месяцев, 4 недели назад MagicLuckyCat
-7
голосов
1
ответ
Я замечаю при добавлении атрибута flex к элементу flex, этот гибкий элемент переполняет его контейнер. Есть ли способ сдерживать этот гибкий элемент? Думаю, это будет считаться вложенным гибким кон...
5 месяцев, 4 недели назад Kevin Wiggins
59
голосов
2
ответа
Прежде чем отмечать этот вопрос как дубликат, ознакомьтесь с этим скриптом JS: https://jsfiddle.net/751cg8d1/10/ HTML: <div class="opLandingContainer"> <ul class="opWelcomeNavBar affix">...
5 месяцев, 4 недели назад Conor Strejcek
114
голосов
1
ответ
Я пытаюсь создать страницу портфолио для FreeCodeCamp, используя flexbox для макета, но у меня возникают проблемы с вертикальным переполнением. HTML: <div class="flex-container flex-column top"&...
5 месяцев, 4 недели назад medievalgeek
100
голосов
1
ответ
Скрипт: http://jsfiddle.net/y8d2q3ww/2/ .flex-container{display:flex;width:100%} .square{flex-basis:55px;background:yellow} <div class='flex-container'> <div class="square">M</div>...
5 месяцев, 4 недели назад shenkwen
69
голосов
1
ответ
Попытка создать макет следующим образом: Правила: 2 столбца. Каждый столбец может содержать любое количество изображений (2 и 3 в нашем случ
5 месяцев, 4 недели назад Marvin3
-8
голосов
1
ответ
Я новичок в Flexbox. Как я могу создать интерфейс NavigationBar как пользовательский интерфейс с помощью Flexbox? например Я хочу центрировать Title'Tinder '
5 месяцев, 4 недели назад lorixx
416
голосов
5
ответов
Вы можете переопределить align-items с помощью align-self для гибкого элемента. Я ищу способ переопределить justify-content для гибкого элемента. Если у вас был контейнер flexbox с justify-content:...
5 месяцев, 4 недели назад Mahks
71
голос
1
ответ
У меня проблема с элементом упорядочения. У меня есть контейнер (flexbox) с одним ребенком (order = 1) и sibling div (обертка я would'nt использует flexbox) с дочерним упорядоченным, но не работающ...
5 месяцев, 4 недели назад david
80
голосов
2
ответа
Я изучаю Flex и вот мой шаблон: <div id="container"> <div>person1.name</div> <div>person1.address</div> <div>person1.phone</div> <div>person1.email&l...
5 месяцев, 4 недели назад AntonBoarf
57
голосов
2
ответа
У меня возникла проблема с начальной высотой бутстрапа и высотой вертикали. Здесь JSFiddle с проблемой. Мне нужно спроектировать макет с элементами, на рабочем столе все они в одной строке, на моби...
5 месяцев, 4 недели назад Martin Stievenart
-4
голоса
1
ответ
Какая лучшая гибкая схема для чего-то подобного на рабочем столе: Затем укладывается на мобильный:
5 месяцев, 4 недели назад hey_suburbia
79
голосов
1
ответ
Я использую стили полимера-тени для использования гибких div. Я следую этим ответам о том, как наложить div . Но, как только я установил "согнутый" div с абсолютной позицией, все это ха
5 месяцев, 4 недели назад Mario Levrero
92
голоса
3
ответа
Текст в кнопке должен находиться в центре, но он отображается вверху с помощью Internet Explorer, что не так? button { height: 100px; } <div class="container"> <button class="w-100 f-defau...
5 месяцев, 4 недели назад Troyer
58
голосов
2
ответа
Я сделаю все возможное, чтобы продемонстрировать свою проблему в надежде найти решение. Я создаю угловое приложение. У меня есть компонент, который называется чат. Он находится внутри тела HTML, ко...
5 месяцев, 4 недели назад Nov
98
голосов
1
ответ
Когда элементы выложены с использованием flexbox, я хотел бы знать, что их верхняя и левая относительно окна. Это возможно? Использование window.getComputedStyle возвращает auto для top и left свой...
5 месяцев, 4 недели назад LondonRob
-6
голосов
1
ответ
У меня есть flexbox-элементы, которые выглядят так, когда у него достаточно места: Это две строки (одна строка текста и одна с кнопками) слева и одна кнопка удаления
5 месяцев, 4 недели назад Niklas Ternvall
80
голосов
3
ответа
Например, я пытаюсь стекировать блоки с разными высотами, такими как: .container { display: flex; flex-flow: row wrap; } .box { width: 50%; height: 50px; background-color: lightgreen; } .box2 { wid...
5 месяцев, 4 недели назад Nikita Smith
97
голосов
4
ответа
Сейчас я изучаю flexbox, и у меня возникла проблема. Я хотел добавить два флага в мои ящики, но фаратуры появляются в одной строке, и они стали одной? Почему так случилось? display: flex помещает с...
5 месяцев, 4 недели назад ZeeZee
56
голосов
4
ответа
Я использую flexbox для столбцов сетки В первом ряду у меня есть три dr-col-1 и два dr-col-2 (всего 7 шагов flex-grow ). Во втором ряду у меня есть все семь dr-col-1 . Когда я это сделал, я заметил...
5 месяцев, 4 недели назад Michael
70
голосов
2
ответа
Я пытаюсь настроить простой формат flexbox с содержимым, которое расширяется между верхним и нижним колонтитулами, основанным на этом примере . Он отлично работает, когда я помещаю соответствующий ...
5 месяцев, 4 недели назад Jonathan Stray
58
голосов
1
ответ
Я хочу знать, есть ли начальный или конечный номер для размещения элементов в контейнере flex? Например: .firstOrder { order: <First-Item> } Зачем? Потому что я хочу создать структуру CSS, по...
5 месяцев, 4 недели назад user4910881
57
голосов
1
ответ
Я пытаюсь создать группы с несколькими вкладками с заголовками, используя CSS flexbox layout. Я столкнулся с проблемой, когда некоторые элементы не переносят текст в IE11. Я пробовал другие аналоги...
5 месяцев, 4 недели назад Oboluse
58
голосов
3
ответа
Здесь https://jsfiddle.net/w39znn58/ Я сделал жесткий эскиз с поплавками и абсолютным позиционированием того, что я пытаюсь достичь с помощью чистого и современного CSS с использованием flex-box, с...
5 месяцев, 4 недели назад user3108268
58
голосов
1
ответ
При попытке создать табличный макет, где один главный столбец должен потреблять все свободное пространство, главный столбец заканчивается тем, что занимает больше места, чем требуется, и выталкивае...
5 месяцев, 4 недели назад James van Dyke
99
голосов
1
ответ
Я хочу иметь несколько блоков с разными размерами по умолчанию. Поскольку я использую justify-content: space-between; , Я не могу (и не хочу) устанавливать пространство между двумя элементами с фик...
5 месяцев, 4 недели назад Daiaiai
69
голосов
1
ответ
У меня есть полностраничный контейнер столбца flexbox, который сам содержит: Контейнер Flexbox с "красной" колонкой с 3 коробками фиксированного размера контейнер "flexbox" "зеленого" ряда с 5 коро...
5 месяцев, 4 недели назад user3742582
-6
голосов
3
ответа
Было бы хорошо, если бы я использовал flexbox для моего нового сайта, так как я хочу, чтобы мой сайт был совместим со старой версией браузеров? Что делать с более старыми проблемами браузера?
5 месяцев, 4 недели назад Atulesh Chandra Karna
-4
голоса
1
ответ
У меня есть этот аккордеон, и я хочу, чтобы он делал горизонтальные полосы, как сейчас, вертикально. Я пытаюсь использовать различные методы, но я не могу сделать это с помощью flex. Я пробовал исп...
5 месяцев, 4 недели назад Nex
69
голосов
1
ответ
Я хочу разместить эти 3 divs равномерно в столбце, но их родительский ( .outer ) не будет переходить на 100% высоты другого содержимого столбцов. Я думаю, потому что у его родителя нет фиксированно...
5 месяцев, 4 недели назад Guerrilla
Чтобы , пожалуйста,
Выберите тему жалобы:

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