CSS - Страница 630

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

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

Как мне преобразовать сердце сетки в гибкое?
Это то, что я пытаюсь сделать в коде:
Как бы это сделать? Я конвертирую этот макет сетки в виде сердца в макет flexbox?
Я пытаюсь добиться того же эффекта с помощью Flexbox в этом коде. В настоящее время...

У меня есть такая структура макета по умолчанию. Но когда я посещаю, например, компонент app-home, его высота и ширина равны 0. Подход с :host, вероятно, не очень хорош, потому что мне нужно применить это к каждому компоненту, который будет создан....

У меня проблема с отключенными стилями CSS для -webkit-scrollbar. Похоже, что браузеры не могут отключить его после его применения.
Я создал пример, демонстрирующий проблему:
Первоначальные собственные прокрутки (я использую Macos):

При нажатии...

Я настраиваю баннер для сайта. Баннер состоит из изображения и текста поверх него, вот код:

.banner_div{
background-image: url(/images/banner.jpg);
width: 100%;
height: 100%;
background-size: contain;
}

Line 1Line 2

Мне нужно, чтобы...

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

Поэтому я хочу, чтобы img отображался

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

У меня есть элемент div, который содержит содержимое фиксированной ширины (изображение внутри другого элемента div) и содержимое переменной ширины (текст, который изменяется динамически). Мне нужен этот внешний элемент div, чтобы:

начинаться с...

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

Я создал собственный модуль в vitger для теста, но таблица отображается плохо. Я имею в виду отображение с шириной 100%, см. рисунок:
Я имею в виду отображение таблицы в меню боковой панели:

но по умолчанию модули верны, как и потенциальные...

введите здесь описание изображения
У меня возникла ошибка, как на картинке, когда у меня много файлов . Чтобы сделать код отзывчивым, он имеет overflow-x: auto, но дополнительная часть не применяет CSS-код .
Мой код JSX:

Thời gian xuất phát
Thời...

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

Как мы можем применить CSS-градиент на одной стороне фона, используя псевдо- CSS-селекторы, как показано на снимке экрана ниже.
введите описание изображения здесь
Я пробовал использовать линейный CSS градиента, но он не такой, как в дизайне Figma...

Я работаю над приложением Rails с Rspec и Capybara в своей тестовой среде.
Уже несколько дней любые изменения, которые я применяю к CSS, больше не компилируются при запуске тестов. . Прежний CSS хорошо скомпилирован, но не новый. Нет проблем с...

Я хочу поместить буквы в коробки.
Как мне это сделать?
Я пытаюсь понять, как разместить буквы внутри коробок.
У меня есть конкретная цель дизайна: я хочу эффективно и эстетично разместить буквы внутри коробок. Однако в настоящее время я сталкиваюсь...

У меня есть несколько карт в card_section, а в card также есть элемент div с именем card_img. Я писал запрос для каждой карты, который, когда мы нажимаем на любую карту, card_img меняет свое положение слева от card_section через свойство Transform,...

введите здесь описание изображения
У меня возникла ошибка, как на картинке, когда у меня много файлов . Чтобы сделать код отзывчивым, он имеет overflow-x: auto, но дополнительная часть не применяет CSS-код .
Мой код JSX:

Thời gian xuất phát
Thời...

У меня есть видео, которое я хотел бы разместить на своем сайте.

У меня нет проблем с воспроизведением видео в любом браузере, кроме Safari. Однако в Safari отображаются только элементы управления видео, и я не могу воспроизвести видео.
Я...

Проблема
Я не могу изменить атрибут style= --navbar-height: 4rem; в моем компоненте NextUI Navbar в моем приложении Remix, что нарушает мою настраивать. Хотя я впервые сталкиваюсь с этим, я уверен, что многие компоненты имеют эти атрибуты, поэтому...

Мне нужно добавить кнопку прокрутки вверх в серверное приложение Blazor. Я нашел статью «Как это сделать — кнопка прокрутки вверх» и могу следить за ней, пока не дойдет до добавления кода JavaScript.
Поскольку я новичок в js , как добавить код в...

У меня есть следующее:

Back

Next

Можно ли изменить порядок кнопок на мобильном телефоне, даже если я не использую столбцы?

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

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

Поскольку элемент div, который я хочу...

Пример

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

например,

Можно ли настроить ввод так, чтобы отображался весь текст-заполнитель, не устанавливая...

Я столкнулся с этой проблемой. На данный момент существует запрос на эту функцию.
Я предложил обходной путь в ответе ниже.

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