Публикации по теме 'flexbox'
Вызов 009 – Компонент QR-кода🚀
Привет… Привет… С возвращением!!
Предположим, вы первый раз Добро пожаловать! 🤩 Прежде всего, давайте начнем с небольшого предисловия к сегодняшней статье.👇
Как некоторые из вас, возможно, знают, несколько недель назад я переключился на разработку пользовательского интерфейса и начал решать задачи с использованием HTML и CSS . Затем я выполнил четыре задания с помощью Flexbox ( Вызов 01 , Вызов 02 , Вызов 03 и Вызов 04 ). После этого я сделал еще три испытания, используя CSS..
Вопросы по теме 'flexbox'
стиль модального заголовка в bootstrap v4
Я пытаюсь стилизовать содержимое модального заголовка. Он будет содержать центральное изображение и два меньших столбца, содержащих 1 или 2 кнопки/изображения. Я хотел бы, чтобы все выровнялось по вертикали и горизонтали. Размер центральных...
887 просмотров
schedule
17.12.2023
Меню Flexbox не работает в Safari 8
Я использую тему WordPress с меню заголовка, созданным с помощью flexbox. Он хорошо работает в современных браузерах, но в Safari 8 меню исчезает.
Я уже пытался использовать некоторые запасные варианты (например, таблицы css), но все равно ничего....
2080 просмотров
schedule
19.11.2023
Как изменить порядок предков дочерних элементов flex
Я работаю над страницей продукта ( https://codepen.io/oleksiukmary/pen/qPLPMb?editors=1100 ) и иметь 2 контейнера — содержимое и изображение внутри гибкого контейнера. Для мобильных устройств (‹768px) мне нужно изменить порядок блока изображения...
94 просмотров
schedule
13.01.2024
Как сделать так, чтобы flex-элементы переносились с фиксированной шириной
Я пытаюсь сделать макет, в котором блоки абзацев div обтекаются слева направо, каждый с фиксированной шириной. Что-то вроде этого:
Однако то, что я получил, так это то, что гибкие элементы каким-то образом сложены слева:
Фрагмент...
1264 просмотров
schedule
21.01.2024
Проблемы с Flex/Flex-Flow на ПК и на мобильных устройствах
Столкнулся с каким-то странным поведением после тестирования моего адаптивного веб-сайта на мобильных устройствах и надеюсь, что смогу получить некоторое представление о том, что происходит. По сути, у меня есть одна строка начальной загрузки,...
500 просмотров
schedule
19.11.2023
Как я могу заставить этот flexbox расширяться с помощью flex-элементов?
В моем примере кода нажмите кнопку "Создать контент", чтобы понять проблему.
Как только вы нажмете на кнопку, вы увидите, что все гибкие элементы ( .each-result ) сгенерированы. Они почти полностью заключены в div/flexbox ( .result-container...
95 просмотров
schedule
10.11.2023
flexDirection: строка не работает
Я разрабатываю реактивное приложение. Один из экранов приложения содержит список альбомов. Я разделил каждый контейнер альбома на компоненты Card и CardSection.
Карта может содержать множество разделов CardSections. CardSection будет содержать...
11320 просмотров
schedule
05.12.2023
Управление переполнением flex-box
Я пытаюсь создать раздел профилей на своем веб-сайте с 4 профилями:
Это выглядит красиво на больших экранах, но я пытаюсь контролировать способ переноса блоков на экраны меньшего размера. В настоящее время блоки переносятся на следующую...
125 просмотров
schedule
26.12.2023
Как я могу сделать элемент Flexbox гиперссылкой?
У меня есть 3 элемента (поля) в моем flexbox, которые я хочу использовать в качестве гиперссылок. Однако, когда я оборачиваю теги in, он полностью ломает макет. Как я могу установить каждый элемент (поле) в качестве гиперссылки, чтобы пользователи...
5026 просмотров
schedule
26.10.2023
Высота дочернего элемента Flex не растягивается до полной высоты родителя (с использованием растяжения выравнивания)
.appShopSummaryContainer {
display: flex;
flex-flow: column wrap;
}
.appShopSummaryContainer .appShopSummaryProductWrap {
flex-basis: 100%;
background: pink;
height: 100%;
width: 100%;
display: flex;
flex-flow: row...
931 просмотров
schedule
19.11.2023
Нарисуйте кольцо вокруг круга в Progress Tracker
Как я могу нарисовать кольцо вокруг круга в этом трекере прогресса, как на изображении кольцо по кругу Отслеживание прогресса основано на http://nigelotoole.github.io/progress-tracker/
Вот пример: https://codepen.io/anon/pen/JewMeM
Подход...
81 просмотров
schedule
12.11.2023
Отображение CSS: -webkit-box не работает в Internet Explorer 11
Вопрос: есть ли элемент CSS, который делает то же самое, что и display: -webkit-box; ? Кажется, IE 11 не поддерживает этот элемент. Пожалуйста, помогите мне!
2453 просмотров
schedule
03.11.2023
Выровненная сетка Flexbox
Я пытаюсь создать такую же базовую оправданную сетку с помощью flexbox. Если я положу несколько изображений и применю flex wrap, это будет выглядеть так:
#wrap {
display: flex;
flex-wrap: wrap;
max-width: 800px;
}
.box {...
38 просмотров
schedule
20.12.2023
