Публикации по теме 'flexbox'
Day05 из #100DaysOfCode
Привет, ребята 🙌
Сегодня я закончил пятое видео JavaScript30!
Проект 05: Галерея изображений панелей Flex
Источник: https:// javascript30.com
Обучение:
Сегодня я научился модифицировать flexbox с помощью JavaScript! Прикрепите изображение с переходом ниже, поэтому, когда вы нажимаете на любой конкретный раздел веб-страницы, размер контейнера увеличивается, а затем происходит переход в верхний и нижний текст. Это круто!
Во-первых, нам нужно убедиться, что изображения..
27 мая 2017 г. . Создание первого крупного сайта.
27 мая 2017 г. . Создание первого крупного сайта.
Только что закончил создание этого веб-сайта для нашего еженедельного проекта. Во всяком случае, 1-я страница. Я обнаружил, что в то время как некоторым людям нравится начинать сверху и спускаться вниз по веб-сайту, я лучше всего работаю, если сначала создаю правильный скелет. Исправление макета с помощью простых форм и т. д. Затем нужно просто вставить вещи туда, где они должны быть. Для меня это более..
Вопросы по теме 'flexbox'
React Native Flexbox Image не заполняет ширину контейнера
У меня есть гибкий контейнер, который содержит 3 компонента, расположенных в стиле column-flex. Ожидаемое поведение будет заключаться в том, что эти 3 компонента будут занимать высоту в соответствии со своими стилями гибкости (что они и делают), и...
2579 просмотров
schedule
25.03.2024
Как я могу использовать Flexbox для выравнивания двух полей в столбце рядом со строкой?
То, что я хотел бы сделать, довольно специфично, поэтому я нарисовал картинку, чтобы проиллюстрировать это:
Я могу легко реализовать это:
но на этом сайте это выглядит не очень хорошо, потому что элемент E намного выше, чем C или...
717 просмотров
schedule
12.03.2024
Flexbox изменяет размер изображения в соответствии с высотой текста
РЕДАКТИРОВАТЬ: вот три скриншота, показывающие, чего я пытаюсь достичь:
Таким образом, вы можете видеть масштаб фигурных скобок в соответствии с высотой содержимого, которая уменьшается по мере расширения браузера. Вышеупомянутое выполнимо...
901 просмотров
schedule
27.05.2024
Почему элемент ввода увеличивает ширину гибкого контейнера?
Я использую flex-box в своем демонстрационном проекте. когда я создаю flex-container .
<div class="container">
<div class="flex">
<div class="form-control flex-1 flex align-item-baseline"> </div>
<div...
48 просмотров
schedule
23.05.2024
Дочерние элементы div внутри flexbox с фиксированной высотой и автоматическим переполнением не устанавливают динамическую высоту
.container {
display: flex;
height: 200px;
overflow: auto;
border: 1px solid #000
}
.child {
padding: 10px;
}
.child:nth-child(odd) {
background-color: #c1c1c1
}
.box {
background-color: red;
width: 75px;...
35 просмотров
schedule
16.05.2024
Flexbox с пробелами: предварительно
У меня есть контейнер flexbox, который использует форматирование white-space: pre и содержит несколько текстовых узлов, состоящих только из пробелов. Однако, если пробелы не заключены в span , они не отображаются. Почему это происходит и могу ли...
28 просмотров
schedule
26.03.2024