CSS - Страница 554

В таблице стилей определены следующие пользовательские свойства
:root {
color-scheme: dark;
--white: #FFF;
--zinc-50: #fafafa;
--zinc-100: #f4f4f5;
--zinc-200: #e4e4e7;
--zinc-300: #d4d4d8;
--zinc-400: #a1a1aa;
--zinc-500: #71717a;
--zinc-600:...

Мне нужна сетка для отображения изображения профиля, имени, двоеточия и сообщения. Если имя слишком длинное, столбцы имени и сообщения должны иметь одинаковую ширину. В противном случае столбец имени должен быть выровнен по левому краю, не создавая...

У меня есть приложение MVC3 со страницей сведений. В рамках этого у меня есть описание (полученное из базы данных) с пробелами и новыми строками. Когда он отображается, новые строки и пробелы игнорируются html. Я хотел бы закодировать эти пробелы и...

Что является эквивалентом scss emCalc() в less?

padding: emCalc(24px);

в Scss вычисляется em на основе точки обзора и уровня масштабирования. Есть ли встроенная функция в less?

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

Пытаюсь создать макет с заголовком, который будет прокручиваться вертикально за пределы страницы, как обычно. Но если кто-то использует полосы прокрутки HTML (важно, что это полосы прокрутки HTML, поэтому не нужно искать полосы горизонтальной...

Я пытался использовать гибкость, чтобы центрировать сетку, но это выглядит неуклюже и неудобно. При этом осталось: 50%; Transform: TranslateX(-50%); работает, но нарушает сетку. Простая маржа недостаточно адаптивна. Есть ли ПРАВИЛЬНЫЙ способ сделать...

Я пытаюсь вставить изображение вместо флажка. Код, который я использую:

.bl {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #175899), color-stop(0.5, #7da4bf), color-stop(3, #9fbed3));
width: 90%;
height:30px;...

Как перевернуть любое фоновое изображение с помощью CSS? Возможно ли это?

В настоящее время я использую это изображение стрелки в фоновом изображении li в css

Включено: visited Мне нужно перевернуть эту стрелку по горизонтали. Я могу сделать...

У меня есть страница, разделенная на два раздела. Страница реагирует так, как я хочу. Проблема, как вы можете видеть, в том, что iframe не отображает свое полное содержимое - за счет уменьшения высоты.
Любые предложения, как сделать так, чтобы он...

Как сделать исчезновение в диалоговом окне HTML5? Под диалогом я подразумеваю тег HTML5 (

Я попробовал следующее (http ://jsfiddle.net/v6tbW/), но переход почему-то не работает.

HTML

Test

document.getElementById('myDialog').show(); //...

В разметке сайта есть следующий блок

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

Можно ли использовать CSS/CSS3 для зеркального отображения текста?

В частности, у меня есть символ-ножницы «✂» ( ✂ ), который я хотел бы отобразить указывающим влево, а не вправо.

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

Я добавил полифилл Oddbird Css Anchor Positioning Polyfill Oddbird Css Anchor Positioning Polyfill для использования в Firefox, и он, кажется, работает хорошо.
index.html

None

* { margin: 0; padding: 0; }

.anchor { padding: 25px 100px; }...

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

У меня есть два элемента внутри контейнера, максимальная ширина которого равна 250 пикселей, эти два элемента являются динамическими, и в моем примере ширина второго составляет 500 пикселей (установлена ​​для отображения проблемы), а первый должен...

У меня есть следующее простое приложение .hta:

.someClass::after {
content: HTA ;
}

window.onload = function () {
var element = document.querySelector('.someClass');
var cssContent = window.getComputedStyle(element, '::after').content;...

Я хочу выбрать все теги класса p, который является дочерним для .row
.row .p {
...
}

но исключить все, у которых .disable является родительским классом (не напрямую).
Я могу выбрать оба им вот так:
.row .p {
border: 3px solid blue;
}

.disable...

Я пытаюсь сделать несколько элементов перетаскиваемыми с помощью Interact.js в моем проекте CodePen, но это не работает должным образом. Когда я добавляю к элементам атрибут draggable= true , не все из них правильно реагируют на события...

В настоящее время у меня возникают проблемы с попыткой устранить разрыв между двумя событиями, которые занимают один и тот же временной интервал или имеют перекрывающийся временной интервал в timeGridView FullCalendar, как показано на изображении....

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

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

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

Можно ли определить, когда браузер не поддерживает flex-gap?
В моем проекте много пробелов, и большая часть макета создана с помощью flexbox. Я заметил, что у многих пользователей старые браузеры, и они не поддерживают Flex Gap. Можно ли как-то...

Сейчас я работаю над мобильной целевой страницей для компании. Это действительно простой макет, но под заголовком есть изображение продукта, ширина которого всегда будет 100% (дизайн показывает, что оно всегда идет от края к краю). В зависимости от...

Недавно я пытался создать центрированный элемент div с соотношением сторон 3/7, который максимально заполнил бы его родительский элемент, действуя примерно как object-fit: contains. К сожалению, object-fit: contains, похоже, не работает для...

Пытаюсь создать макет с заголовком, который будет прокручиваться вертикально за пределы страницы, как обычно. Но если кто-то использует полосы прокрутки HTML (важно, что это полосы прокрутки HTML, поэтому не нужно искать полосы горизонтальной...