Результаты поиска по запросу "flexbox"

1 ответ

авто наценки

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

24 ответа

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

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

1 ответ

Обе коробки появляются справа для меня в Chrome 72

сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...

ТОП публикаций

2 ответа

ваш удаленный дисплей: flex, поэтому вы должны также удалить другие свойства flex

ньшил проблему до минимально возможного, где проблема все еще присутствует. [/imgs/zMjo5.png]Я не понимаю, откуда появляется оранжевое пространство. Ключ: Удаление одного изображения, оранжевое пространство исчезает .... .OutterContainer { ...

30 ответов

Лучший способ установить расстояние между элементами flexbox [закрыто]

Чтобы установить минимальное расстояние между элементами flexbox, я используюmargin: 0 5px на.item а такжеmargin: 0 -5px на контейнере. Для меня это похоже на взлом, но я не могу найти лучшего способа сделать это. пример ...

1 ответ

html5: трехрядный flexbox с фиксированным верхом / низом и прокручиваемой серединой

Можно ли сделатьhtml5 макет flexbox с фиксированнымheader/footer и прокручиваемыйarticle раздел как следующий дляFire Fox 24 ихром 31? +----------+ | header | +----------+ | article || | || | || | || +----------+ | footer | +----------+Я ...

3 ответа

Зажимные линии без '-webkit-line-зажим'

В старые добрые времена в webkit существовал трюк для захвата строк с использованием чистого CSS: display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;Хотя этот синтаксис счастливо сосуществует сdisplay: -webkit-flex ...

1 ответ

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

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

2 ответа

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

Когда ширина браузера превышает 1000 пикселей, контейнер div.flex изменяется так, что теги p могут быть рядом друг с другом. Однако они все еще выше друг друга. Что я могу сделать, чтобы они были рядом друг с другом на широких экранах и друг над ...

2 ответа

Вот результат:

могу предотвратить дочерний div с полосами прокрутки иflex:1 превышать высоту своего родительского flexbox в Firefox? Он работает правильно в Chrome. Ссылка на CodePen (если вы предпочитаете использовать фрагменты ...