Публикации по теме 'flexbox'
Содержимое по выравниванию во Flexbox
Понимание flexbox и его свойств — Часть III
Одна из лучших особенностей flexbox — это простота выравнивания любого элемента в CSS с помощью flexbox. Если вы хотите выровнять div по центру другого div , вы можете сделать это всего несколькими строками кода.
С flexbox можно многое сделать. Он обладает многими свойствами, которые мы можем использовать, чтобы сделать нашу жизнь…
Понимание Flexbox в React Native
Понимание Flexbox в React Native
Создание пользовательского интерфейса (UI) в мобильном приложении сложнее, чем в веб-приложении. Возможные причины этого:
Мобильные устройства имеют ограниченный размер экрана. Каждое мобильное устройство имеет разное разрешение, влияющее на пользовательский интерфейс приложения. И Android, и iOS имеют свои платформы для создания общего приложения с одним и тем же пользовательским интерфейсом, что отнимает больше времени.
React Native
Мы..
Вопросы по теме 'flexbox'
Автоматическое изменение размера div динамической ширины в соответствии с шириной браузера?
У меня есть несколько div с неизвестной шириной (динамическая ширина). Как я могу автоматически изменить размер этих div, чтобы они соответствовали ширине браузера?
Например, у меня есть 5 div с разной шириной. Если ширина браузера может...
2795 просмотров
schedule
02.10.2022
Как я могу объединить flexbox и вертикальную прокрутку в полноэкранном приложении?
Я хочу использовать полноразмерное приложение с помощью flexbox. Я нашел то, что хочу, используя старый модуль макета flexbox ( display: box; и другие) по этой ссылке: Полноразмерное приложение CSS3 Flexbox и переполнение
Это правильное решение...
160624 просмотров
schedule
09.01.2023
Меняет ли дисплей flexbox ширину полей?
Мои поля при использовании flexbox (текущая версия или display: flex;) увеличиваются вдвое, и я не могу понять почему. Все остальные поля между разделами на странице отображаются как 10 пикселей, как они были установлены, но поля для содержимого...
183 просмотров
schedule
23.04.2022
Объяснение гибкой блочной модели
Я изучаю гибкую модель CSS3. Я проверил страницу MDN и думаю, что получил общая концепция, но я не понимаю, как работают следующие свойства:
flex-basis . Свойство CSS flex-basis определяет основу гибкости, которая является начальным основным...
190 просмотров
schedule
25.10.2023
Как использовать flex-flow: перенос столбцов?
Укороченная версия
При использовании flex-flow: column wrap и display: inline-flex он не сжимается, как inline-block :
(function() {
var ascending = true;
setInterval(function() {
var parent =...
68943 просмотров
schedule
03.10.2023
Как вертикально выровнять и растянуть контент с помощью CSS flexbox
Используя CSS flexbox, как я могу одновременно вертикально центрировать содержимое всех div в строке, сохраняя одинаковую высоту для всех из них без использования атрибута css height ?
HTML
<!DOCTYPE html>
<html>
<body>...
43854 просмотров
schedule
17.05.2023
Настройка отображения flexbox с помощью jquery для нескольких браузеров?
немного неприятностей. Мне нужно, чтобы что-то переключилось с display: none на display: flex, display: flex-box и display: -ms-flexbox, но, похоже, это нарушает мой код. Вот что у меня есть до сих пор:
$(elem).css({'display': 'flex', 'display':...
5028 просмотров
schedule
12.03.2023
Включение горизонтальной прокрутки в flexbox
Я новичок в flexbox и пытаюсь сделать сайт с горизонтальной прокруткой. Идея состоит в том, чтобы показать первый элемент как 100% высоты и ширины, например, покрывая экран оставшимися элементами с правой стороны, которые будут отображаться только...
56457 просмотров
schedule
21.07.2023
Как я могу показать три столбца в строке?
Я пытался показать три столбца в строке. Можно ли использовать флексбокс?
Мой текущий CSS выглядит примерно так:
.mainDiv {
display: flex;
margin-left: 221px;
margin-top: 43px;
}
Этот код помещает все содержимое в одну строку....
224647 просмотров
schedule
25.12.2023
CSS Flexbox: заполнение пустого пространства между вертикальными элементами
У меня проблема с flexbox: у меня есть HTML:
<div class="panel-body">
<div class="project">
</div>
<div class="project">
</div>
<div class="project">
</div>
<div...
1947 просмотров
schedule
07.01.2024
Проблема при центрировании по вертикали с помощью flexbox, когда высота неизвестна
В моем макете есть контейнер flex-container и дочерний элемент.
HTML:
<div class="flex-container">
<div>text</div>
</div>
Контейнер и дочерний элемент имеют неизвестную высоту . А цель такова:
Если...
10598 просмотров
schedule
18.08.2022
Есть ли способ сложить div друг над другом, используя синтаксис flexbox?
Проблема с флексбоксом. Надеюсь, кто-то может помочь :)
Я пытаюсь собрать колоду карт из элементов div и сложить их друг на друга, как если бы вы использовали position:absolute.
Есть ли способ заставить элементы div накладываться друг на...
18293 просмотров
schedule
25.09.2023
почему мое свойство flex-stretch не работает?
Я пытаюсь растянуть три гибких дочерних блока, используя flexbox для заполнения контейнера, чтобы все три блока были одинакового размера. Однако я не хочу, чтобы первые две внутренние коробки растягивались — я всегда хочу, чтобы они были одинакового...
14380 просмотров
schedule
14.01.2023
Дочерний элемент Flexbox не читает высоту/ширину родителя
Я экспериментировал с flexbox и создал этот макет. Я пытаюсь сделать так, чтобы среднее белое поле с надписью «эй» составляло 90% ширины/высоты родителя, но проценты, похоже, не влияют на это. (В настоящее время я установил его как 100px/100px,...
5095 просмотров
schedule
10.05.2023
CSS Flexbox: можно ли выровнять абзацы в следующей настройке?
Прежде чем мы начнем: обратите внимание, что я использовал синтаксис flexbox без префикса, поэтому, чтобы увидеть, как работает flexbox, посмотрите примеры в Chrome (или Firefox, вероятно, тоже должен работать).
Возьмем следующий пример, простую...
2698 просмотров
schedule
25.08.2022
Элементы расположены внизу и обрезаны снизу
У меня есть три блока, я хочу, чтобы они всегда располагались внизу, независимо от высоты области просмотра, и когда высоты недостаточно, чтобы показать все это, я хочу, чтобы они прятались снизу, а НЕ сверху.
Мне надоело решение flexbox:...
718 просмотров
schedule
04.01.2024
Макет полосы заголовка с горизонтальной прокруткой
Все:
Прямо сейчас я хочу реализовать горизонтальную полосу заголовка прокрутки. Макет, который я использовал:
<div id="header_cnt">
<div id="header_mn">
<div class="mn_item">KWD1</div>
<div...
170 просмотров
schedule
19.09.2022
Как предотвратить сжатие гибкого элемента меньше его содержимого?
Я настроил jsfiddle, чтобы продемонстрировать проблему здесь: http://jsfiddle.net/x0eo3aeo/ 2/
HTML:
<div class="flexContainer">
<div class="flexCol1">aaa</div>
<div class="flexCol2"><div...
6388 просмотров
schedule
13.04.2024
Автоматически регулировать ширину div с фиксированной высотой в соответствии с его содержимым
Обычно, когда текстовое содержимое больше, чем его контейнер, оно переполняется в направлении Y/по вертикали:
-----------------------
|Hello hello hello hel|
|lo hello hello hello |
|hello hello hello hel|
-----------------------
lo hello hello...
224 просмотров
schedule
27.01.2024
Flex в Internet Explorer не работает
У меня есть следующий код CSS и HTML:
.login-body{
background: url(../img/bg.png) center center no-repeat;
background-size: cover;
min-height: 100vh;
max-height: 100vh;
height: auto;
background-color: #26A65B;
display:...
1159 просмотров
schedule
27.07.2022
