CSS - Страница 487

Я пытаюсь поместить элемент CSS в правую сторону заголовка, но не уверен, как это сделать. Я пытался использовать:

position: Absolute; top: 20px; right 0px;

Это будет работать, но если вы отрегулируете браузер, текст перемещается вместе с ним....

Я играю с CSS View Transitions. Одним из примеров, который я видел в ряде мест, является использование его, чтобы оживить подчеркивание активной вкладки. Я подумал: «О, должно быть легко изменить это, чтобы придать активный цвет цвет фона, но...

Я строю свой первый проект PHP и хочу использовать TailWindcss для стиля. Br />
Я скачал последний релиз отсюда. Я использую
tailwindcss-windows-x64.exe .
Скопировать файл в мой проект и переименовать его в tailwindcss.exe
Добавить input.css...

Если у меня есть Div с несколькими детскими элементами, и это масштабируется преобразование CSS. У меня есть один дочерний элемент, который я не хочу масштабировать

#parent{
-webkit-transform: scale(.5);
}

span:last-child{
-webkit-transform:...

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

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

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