Вопросы по теме 'flexbox'
Угловой материал Flex Box
Я новичок в flexbox, и он кажется очень сложным по сравнению с бутстрапом. У меня есть заставка, где мне нужно центрировать контент по вертикали и горизонтали:
<div layout="row" layout-align="center center">
<div layout="row"...
20.01.2024
Как сделать условное поле для скрытых гибких панелей?
У меня есть исходный html:
body {
background-color: grey;
}
.container{
display: flex;
width: 200px;
height: 100px;
background-color: red;
}
.panel{
height: 100%;
flex-grow: 1;
flex-basis: 50%;
color: white;...
11.12.2023
Текст переноса CSS не работает в IE
У меня возникли проблемы с некоторыми стилями, которые правильно работают как в Chrome, так и в Firefox, но не в IE.
Проблема, с которой я сталкиваюсь, в основном заключается в том, что определенный стиль отлично работает в Chrome, но не в IE....
01.01.2024
Равная ширина с использованием flex и border-box
Я использую box-sizing: border-box; с различной толщиной border в flexbox. Я хочу, чтобы элементы внутри flexbox имели одинаковую ширину, но он вычисляет width элемента без границ.
Вот пример: width моего контейнера равно 100px , поэтому...
18.12.2023
align-content: центр не работает в Chrome
Я пытаюсь выровнять div по вертикали с помощью flexbox, используя align-content: center . Он отлично работает в Firefox и IE, но не выравнивается по вертикали в Chrome. В Chrome div остается сверху.
<div class="products-wrapper">...
26.10.2023
flex-direction: столбец в сафари
Я пытаюсь создать адаптивный индикатор выполнения, используя flex-direction: column. Пока он отлично работает в Chrome, Firefox и IE, но не работает в Safari.
В Safari шаги индикатора выполнения отображаются один под другим, а не в линию....
26.12.2023
Как установить высоту гибкого элемента на ту же высоту, что и у его брата
Я пытаюсь установить высоту содержимого красного гибкого элемента на высоту синего гибкого элемента, когда высота синего гибкого элемента больше.
Для работы полосы прокрутки необходимо установить высоту. Как установить такую же высоту, как у...
09.12.2023
Элементы сетки (кнопки по умолчанию) увеличивают контейнер сетки?
У меня есть flex-контейнер с 2 flex-элементами.
<div className="flexContainer">
<div className="FlexItem1"></div>
<div className="FlexItem2"></div>
</div>
Оба гибких элемента имеют:
flex-grow: 1;...
04.11.2023
Что должно произойти с flex-basis: column,wrap?
Я экспериментирую с css и конкретно с этим HTML:
<!doctype html>
<html class="no-js" lang="en">
<head>
</head>
<body>
<header>
<div class="child">...
02.11.2023
CSS — изображение максимальной ширины в макете из двух строк должно уменьшаться при ограничении родителем
У меня есть изображение (верхний ряд) и подпись (нижний ряд). Изображение имеет максимальную ширину 400 пикселей. Обе строки находятся внутри обертки с максимальной высотой 100vh. Как и сейчас, содержимое оболочки будет переполняться, когда оно...
20.12.2023
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально
Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение
Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования
Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv)
Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..