flexbox — все вопросы

3ответа
4 голоса
Сгибайте изображения в iOS, делайте изображения равными по ширине
Как мне добиться этого в iOS? В Firefox он работает, но не может найти решение для iPad. <style> #products { display: flex; } #products img { width: auto !important; height: auto
1ответ
4 голоса
Плавающие элементы сверху вниз, а затем слева направо в контейнере с фиксированной высотой
Я пытаюсь перемещать DIV по вертикали сверху вниз и слева направо в контейнере фиксированной высоты. Ветеринарно плавающие DIV располагаются сверху вниз по строкам поднимает ту же проблему, и реше
1ответ
4 голоса
Можно ли использовать как старый, так и новый синтаксис flexbox для большей совместимости?
.flexcontainer { display: box; display: flex; } Кажется, работает ... но разве это хорошая идея? Я пытаюсь заставить flexbox работать на старых версиях Android (2.x), а также на новых бр
1ответ
4 голоса
Выравнивание текста: по центру; игнорируется для отображения: гибкий элемент?
В дальнейшем текст привязки не центрируется. Если я изменю отображение якоря с flex на block, тогда текст будет центрирован. Почему это? Пока я тестировал только Chrome. <ul> <li>
2ответа
4 голоса
Flexbox: обернуть flex-элементы в IE11 не работает
Я пытаюсь создать макет формы с возможностями нового CSS3 Flexbox. Цель состоит в том, чтобы элементы набора полей располагались правильно, в то время как вы изменяете количество элементов в наборе
1ответ
4 голоса
Как изменить ширину столбца flex-box CSS?
У меня есть menu div, который заполняет 100% высоты его контейнера, а справа от него находится заголовок Разделы em> , body и footer . Мне удалось сделать это с помощью CSS flex p
1ответ
4 голоса
Google Chrome - Flexbox + overflow-x: авто
У меня странная проблема с Google Chrome, flexbox и переполнением. Когда контейнер находится в режиме flexbox, а дочерний элемент начинает переполняться по горизонтали (скажем, вы изменяете ширин
2ответа
4 голоса
Изображение внутри flex-item игнорирует max-height: 100% в Chrome и Firefox - (работает в сафари)
Я хочу, чтобы изображение заполняло либо ширину, либо высоту окна-размера /области просмотра. Для лучшего понимания того, что я пытаюсь сделать, Я создал пример для codepen - просмотрите и
1ответ
4 голоса
Гибкая коробка с максимальной высотой в хроме v43
У меня есть следующая конструкция для отображения простого макета с фиксированным верхним и нижним колонтитулами и гибким телом с прокручиваемым содержимым: http://jsbin.com/jokevuyave/1/edit?html,
1ответ
4 голоса
Проблемы с переходом на flex: 0, но все еще работает на flex: .0001?
Работая над небольшим проектом, я наткнулся на необходимость перехода из flex: 1 в flex: 0. Мне потребовалось некоторое время, чтобы понять, что только для этого результат был сломлен. После небольш
2ответа
4 голоса
Поддерживают ли Chrome Dev Tools CSS flexbox?
При проверке элементов со стилем блока здесь, CDT показывает свойство height как затемненное:     http://s.codepen.io/WhitneyLand/debug/zGpZbN > В документах сказано, что dimmed означает
1ответ
4 голоса
Как изменить порядок делений на маленьких экранах?
Мне нужно изменить порядок делений, когда размер экрана меньше 480 пикселей. Я не хочу использовать position: absolute, поскольку высота зеленой области может варьироваться в зависимости от объем
2ответа
4 голоса
HTML5 /CSS выравнивают элементы списка в зависимости от взаимной высоты других столбцов
Я получил следующий вариант использования: Вы можете увидеть три одинаковых поля: Каждый блок начинается с большого прямоугольника, который имеет изображение и переменное содержимое и, следо
3ответа
4 голоса
Изменить <тип ввода = текст> размер шрифта без изменения его ширины
У меня есть два текстовых поля, отношение ширины которых должно быть 2: 1, я могу сделать это с помощью flex Но когда я изменяю размер шрифта на 300%, ширина текстовых полей становится равной. Как
3ответа
4 голоса
Компоновка с двумя столбцами одинаковой высоты и одним столбцом имеет две строки
В данный момент я занимаюсь разработкой темы форума и пытаюсь выяснить, как сделать последние сообщения - посты. Пример того, что я хотел бы сделать: Таким образом, здесь необходимо иметь в
3ответа
4 голоса
Как заставить flex-end работать в IE11
Я попытался заставить justify-content: flex-end; работать со скрытым переполнением контентом DIV в IE11, но безуспешно. После нескольких комбинаций я создал минимальный фрагмент кода, который раб
2ответа
4 голоса
Вертикальный текст по центру внутри div
Я пытаюсь расположить текст по центру внутри div. Звучит легко, но я не могу этого понять. Вот код, извините за плохое форматирование и практики, это что-то быстрое и грязное: <div id="c
1ответ
4 голоса
Соотношение вида к квадрату
Я играю с приложением для iPhone на реагирующем языке, и мне хотелось бы, чтобы представление занимало весь экран по ширине и поддерживало квадратное соотношение сторон. Так что высота должна равнять
2ответа
4 голоса
Как убрать пространство между дочерними элементами элемента с применением flex-wrap: wrap?
Вопрос о .text-wrapper, который имеет display:flex; flex-wrap:wrap применяется к нему. Причина использования flex-wrap:wrap заключается в том, что в противном случае .text-wrapper и .tabs-wrapper не
1ответ
4 голоса
выравнивать-элементы: центр; не работает, как задумано
Я только что читал статью Дэвида ЗДЕСЬ и решил чтобы попробовать flexbox, я сделал следующий собственный пример: <div class="wrpr"> <div></div> <div>&l
1 2 3 4 5

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132