Результаты поиска по запросу "flexbox"
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: ...
https://www.w3.org/TR/css-flexbox-1/#layout-algorithm
ользуюalign-items а такжеjustify-content чтобы центрировать элементы, мой HTML: <div class="flex-container"> <div class="item-1">div</div> <div class="item-2">w=250px</div> <div class="item-3">h=250px</div> <div class="item-4">w/h=300px</div> ...
Тем не менее, есть еще более простое решение с помощью CSS Grid, если вам интересно.
тирую несколько разных макетов с flexbox, и у меня есть следующая проблема. У меня есть галерея изображений с настроенными элементами Flexflex:0 0 25%; и я хотел бы добавить к ним маржу в 1px, потому что 1% к большому. Поэтому мне ...
Вот результат:
могу предотвратить дочерний div с полосами прокрутки иflex:1 превышать высоту своего родительского flexbox в Firefox? Он работает правильно в Chrome. Ссылка на CodePen (если вы предпочитаете использовать фрагменты ...
Как flex-wrap работает с align-self, align-items и align-content?
есть только один ряд «гибких элементов», Chrome и Firefox показывают разные результаты. Когда есть более одной строки (перенос), Chrome и Firefox показывают одинаковый результат! Так почему это происходит? Это ошибка, или есть какое-то ...
ваш удаленный дисплей: flex, поэтому вы должны также удалить другие свойства flex
ньшил проблему до минимально возможного, где проблема все еще присутствует. [/imgs/zMjo5.png]Я не понимаю, откуда появляется оранжевое пространство. Ключ: Удаление одного изображения, оранжевое пространство исчезает .... .OutterContainer { ...
Обе коробки появляются справа для меня в Chrome 72
сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...
авто наценки
аружил очень простой способ создания липкого нижнего колонтитула для моего сайта, и на первый взгляд он работает идеально. Но так как я не вижу, чтобы другие люди использовали то же самое,Мне интересно, если этот способ сделать это нарушенза ...
Также спасибо за пост с дополнительными подробностями! Это решило еще одну из моих проблем. : D
у построить что-то вроде карусели, которую вы можете перемещать с помощью полосы прокрутки. На каждом из слайдов есть одна строка текста, которая должна быть как горизонтально, так и вертикально центрирована. настройкаalign-items: center меняет ...
Спасибо за ответ, но я не думаю, что вы действительно ответили на мой вопрос: «липкое» поведение работает, но когда применяются свойства высоты для двух элементов div, оно нарушается.
даю целевую страницу, на которой пользователь впервые видит основную область с нижним колонтитулом. Прокрутка вниз показывает, что нижний колонтитул - это липкий заголовок, и я стремлюсь использовать чистый CSS для достижения этой цели. Чтобы ...