CSS - Страница 524

App.vue

import Comp from './Comp.vue';

const items = [
{
name: 'parent',
hasBorder: true,
children: [
{
name: 'child',
hasBorder: false,
children: []
}
]

}
]

comp.vue

{{ item.name }}

import { defineProps } from 'vue';

const...

Из -за ограничения/ошибки в Firefox userchrome.css функциональность невозможно нацелить на отдельные теневые Doms. При стилии элемент Shadow DOM элемент будет стилизован во всех теневых DOMS, содержащих элемент. Обходной путь состоит в том, чтобы...

Мне нужен макет с двумя столбцами, заполняющими страницу, позволяющий сделать один столбец шире, а другой соответственно уже. Я рассмотрел вопрос. Свойство изменения размера CSS не работает должным образом с flex, поэтому я добавил бит box-sizing:...

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

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

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

Я пытаюсь создать макет, где у меня есть черный фон с 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 работает.
Когда я строю его локально ......