CSS - Страница 675

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

Я хочу отобразить средство выбора даты и времени в виде столбцов с помощью Vaadin 23.
Я попробовал применить определенный класс и использовать CSS, но ничего не изменилось:
:host(.stacked) .slots {
display: flex;
flex-direction: column;
}

У вас...

Рассмотрим следующий элемент div с изменяемым размером в HTML+CSS:

Lorem ipsum dolor sit amet....

/* CSS */
.mydiv {
height: 200px;
overflow-y: auto;
resize: vertical;
}

Если содержимое div превышает 200 пикселей, результат будет тем, что я...

Я пытаюсь установить Tailwind в свой проект React.

Я следовал инструкциям на странице и использую Windows10.

Я пытался применить цвет, но он не работает.

Я предполагаю, что приведенные ниже коды для index.css неверны.

Под @tailwind появляется...

Как добавить эффект снегопада в мою сеть?

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

пытаюсь создать css-маску, используя способ, который показывает здесь потрясающий Темани Афиф.
К сожалению, то, что мне нужно, отличается от того, что Темани показывает в своих примерах.
Вот чего мне удалось достичь:
CSS MASK, края обрезаны до...

Мне интересно, можно ли использовать Grid-template-columns: повторение(auto-fit, minmax(150px, 1fr)), где он принимает минимальную ширину дочернего содержимого, например использование auto.
Я хотел бы избежать медиа-запросов для этого экземпляра,...

Я хочу, чтобы сайт WordPress полностью сжимался до размера экрана мобильного устройства.
Итак, я думаю, что можно
-использовать значение по умолчанию. шаблон и вручную добавлять «обложку» в каждое сообщение блога, но это слишком громоздко
-или найти...

Эта панель навигации расположена вертикально в левой части страницы. Если я оставлю фиксированный верх, содержимое справа окажется под контролем.
Если будет добавлен фиксированный верх, содержимое будет идеально выравниваться по правому краю, но я...

Я прочитал , и они сказали:
display: inline-block, верхние и нижние поля/отступы соблюдаются, но с display: inline они сохраняются. нет.
Но я попытался установить поля и отступы для отображения: inline , это работает!
Это меня так сбивает с толку,...

У меня есть сайт с метатегом

и высота: 100%; в тегах html и body.
Когда я захожу на этот сайт из Safari (iOS 13.5.1) и делаю следующее:

поворачиваю свое устройство в ландшафтный режим
затем поверните его обратно в портретный режим

после чего...

У меня проблема: я создал портфолио, и оно реагирует на все экраны. Когда я тестирую его на телефоне Android или использую инструменты проверки, все работает. Но когда я открываю портфолио на iPhone, оно не реагирует... элементы находятся в другом...

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

Я использую CSS со свойствами, и эти свойства не применяются к веб-странице. Например, в файле CSS --dark и --light определяются следующим образом:
@property --dark {
syntax: ;
inherits: true;
initial-value: #111;
}

@property --light {
syntax: ;...

Демонстрация JSFiddle
Обратите внимание, что такое поведение не наблюдается в Firefox и Safari, как указано Ry- в комментариях! Пока что это проблема Chromium

Скажем, у меня есть что-то подобное в достаточно маленьком контейнере, который...

Предположим, есть два элемента div: A и B.

Разделу B присвоена ширина 900 пикселей;

Разрешение экрана — 500 пикселей;

это приведет к горизонтальной прокрутке.

Проблема в том, что я прокрутите вправо, и я вижу, что DivA ДЕЙСТВИТЕЛЬНО не на 100%....

Мне не удается понять, как добавить встроенный элемент в конец текстового блока с помощью зажима строки. Поскольку мне нужно использовать display: -webkit-box, возможно ли это вообще?
Пример ниже

.line-clamped {
display: -webkit-box;...

function toggleForms() {
const loginForm = document.getElementById('loginForm');
const signupForm = document.getElementById('signupForm');
const container = document.querySelector('.container');
const title =...

.posting-logo-div {}

.posting-logo-img {
height: 120px;
width: 120px;
}

.posting-photo-div {
height: 5px;
width: 5px;
position: relative;
top: -140px;
left: 648px;
}

.posting-photo-img {
height: 240px;
width: 240px;
}

../images/some-logo1.jpg...

Я пытаюсь стилизовать NavLink в Blazor с помощью класса CSS, который есть в файле изоляции CSS для этого файла Razor. Кажется, я просто не могу внести какие-либо изменения с помощью глобальных или встроенных стилей.
sample.razor
A Link...

Недавно я наткнулся на веб-сайт, на котором отключено выделение текста, что не позволяет никому легко копировать и вставлять текст. У меня есть букмарклет, который отключает подобные попытки заблокировать контекстные меню с помощью JavaScript, и мне...

Я только что закончил накладывать маску на контур левого века моего проекта, но напутал с ее выравниванием по веку (вытирание в анимации). В настоящее время я использую ScaleY, чтобы он бесконечно перемещался вверх и вниз, но когда я использую...

У меня 5 столбцов и 5 строк.
4 столбца имеют одинаковое содержимое, но содержимое второго столбца меньше, из-за этого «Заголовок» во второй/четвертой строке не находится на одном уровне между столбцами.
Чего я хочу?
Я хочу, чтобы содержимое всех...

В этом коде some text

some text
some text

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

Когда я хочу поместить некоторый (логически значимый) элемент div внутри (логического) контейнера div с некоторым пространством друг от друга, как показано ниже,

какой из двух способов будет более логически правильным?

Установить свойство...