CSS - Страница 524

Я пытаюсь создать макет, где у меня есть черный фон с 4 столбцами равной ширины (CSS-колонны: 1FR 1FR 1FR 1FR) в CSS. Я хочу разместить изображение в середину сетки, охватывающее два из этих столбцов, обеспечивая, чтобы изображение оставалось...

Я пытаюсь показать проблему с минимальным кодом. Весь код в одном HTML -файле. JavaScript не требуется, чтобы увидеть проблему. Текст в таблице должен быть одинаковым размером, что и на теле, и он находится на рабочем столе, но на телефоне или на...

При предварительном просмотре моего веб-сайта в Safari (на мобильном и настольном компьютере) возникают странные проблемы с рендерингом с помощью backdrop-filter: Blur();. Я использую PostCSS с плагином autoprefixer, поэтому код генерирует...

В настоящее время я использую компонент Design Design Design Tree для фильтрации сайтов. Я сейчас использовал фиктивные данные, но моя структура данных такая же. Когда я выбираю родителя, дети должны быть расширены, он, кажется, работает нормально...

У меня есть элемент, ширину которого я хотел бы анимировать при изменении его содержимого. Его ширина: auto, и она никогда не меняется. Я видел этот трюк, но он предназначен для перехода между двумя значениями, и одно из них установлено. Я вообще не...

Я пытаюсь показать проблему с помощью минимального кода. Весь код в одном html файле. Чтобы увидеть проблему, не требуется JavaScript. Текст в таблице должен быть того же размера, что и тело, и он находится на рабочем столе, но на телефоне или на...

У меня есть проблема с методом jQuery .width (). У меня есть 4 различных текстовых меач, которые мне нужно изменить размер в соответствии с размером DIV, который их содержит, поэтому я называю метод .width () , чтобы получить фактическую ширину DIV...

У меня есть эта демонстрация:

#parent {
position: relative;
}

#child {
position: absolute;
width: 320px;
height: 130px;
}

И то, что я пытаюсь сделать, это когда окно браузера увеличивается изображения SVG масштабируются...

Я пытаюсь создать следующий макет на рабочем столе:
.png

И пусть он быстро адаптируется к этому на мобильных устройствах (уведомление об участниках указывается перед публикацией):

И я не могу этого понять. Например, если у меня есть это:...

Мне всегда было интересно, как другим людям удается выровнять основной контейнер div по центру, поскольку единственный способ, которым мне пока это удается, — это добавить в CSS-файл следующее:
*{
padding:auto;
margin:auto;
text-align:centre;
}...

Я пытаюсь создать следующий макет на рабочем столе:
.png

И пусть он быстро адаптируется к этому на мобильных устройствах (уведомление об участниках указывается перед публикацией):

И я не могу этого понять. Например, если у меня есть это:...

Используя Vuetify, мне нужно создать этот макет:

Где каждое число является компонентом, а столбцы могут иметь n компонентов (не обязательно 3). Компонент №1 будет иметь кнопку «развернуть», которая изменит макет на:

Таким образом,...

У меня есть эта демонстрация:

#parent{
position: relative;
}

#child {
position: absolute;
width: 320px;
height: 130px;
}

И то, что я пытаюсь сделать, это когда окно браузера масштабируется по шкале изображений SVG соответственно. А...

Я хочу, чтобы все элементы на странице поворачивались последовательно и зависимо на 90 градусов. Я пытался это сделать, но результат был неточным, и каждый элемент поворачивался независимо.

Подробнее здесь:

Итак, у меня есть ионная страница, называемая вкладками, и в основном в ней есть несколько вкладок. И одна из этих вкладок имеет столько контента, что ему нужно прокручивать, проблема в том, что, как вы, возможно, догадались, прокрутка не работает,...

При предварительном просмотре моего веб-сайта в Safari (мобильный и настольный компьютер) существуют странные проблемы с рендерингом с фоновым фильтром: blur (); . Я использую PostCSS с помощью плагина AutoPrefixer , поэтому код генерирует...

У меня есть макет с двумя столбцами, где оба столбца могут прокручивать. Когда один столбец больше, чем другой, меньший столбец должен прокручивать нижнюю часть его содержимого, а затем придерживаться там, пока более крупный столбец также не...

Вот глаза со свойством align-items: center. Они подходят для однострочного текста и НЕ подходят для многострочного текста:

/FeuRN.png

Вот глаза с элементами align-items: baseline (или flex-start). Они лучше подходят для многострочного текста,...

Я не могу заставить это ответное меню W3C для работы в Svelte. Меню Горизонтальное Navbar правильно скрыто, но я не могу получить вертикальную версию, чтобы показать. Демонстрация на сайте W3C работает.
Когда я строю его локально ......

Я хочу создать анимированную рамку для двух элементов: один будет отображать цвет на границе, а другой — оттенки серого.
Оттенки серого необходимо применять только к однако граница, а не все изображение. Таким образом, изображение по-прежнему...

* {
margin: 0px;
padding: 0px;
font-family: Poppins , sans-serif;
}

.main_box{
background-image: url(images/photo.jpg);
background-size: cover;
height: 100vh;
}

.btn_one{
color: white;
font-size: 30px;
font-weight: bold;
position: absolute;
left:...

У меня есть несколько частей текста, которые имеют шрифт: Bold прикреплены к ним, и я хочу изменить этот жирный на что-то еще в: root , f.e. Сделайте это красным .
Я не знаю, как это может выглядеть, это может выглядеть примерно так:
:root {...

У меня есть эта демонстрация:

#parent{
position: relative;
}

#child {
position: absolute;
width: 320px;
height: 130px;
}

И я пытаюсь сделать так, чтобы окно браузера уменьшало масштаб изображений SVG соответственно. А еще мне нужны...

Я использую сетку CSS с сеткой сетчатой, чтобы определить макет для моей веб-страницы. Макет отлично работает на небольших экранах, но на более крупных экранах некоторые элементы неуместны, а области сетки не выровнены, как ожидалось. Вот мой код...

С помощью vuetify мне нужно создать такой макет:

Где каждое число является компонентом, а столбцы могут иметь n компонентов (не обязательно 3). Компонент №1 будет иметь кнопку «развернуть», которая изменит макет на:

Таким образом,...