CSS - Страница 797

Мне нужно загрузить Katex CSS для оформления математических уравнений. Я не знаю заранее, каким именно страницам это нужно (это зависит от того, какие пользователи включают математику в свои сообщения), но я знаю, каким маршрутам она может...

Создание компонента пошагового управления формой, в котором заголовки шагов могут иметь разную длину, однако сами кнопки шагов должны иметь постоянную длину. Немного похоже на этот из Material UI:

I пытался использовать относительное и...

Я работаю над настройкой темы Shopify, и у меня возникли проблемы с центрированием стрелок навигации по вертикали в разделе слайд-шоу. Стрелки в настоящее время выровнены неправильно, и я хочу, чтобы они находились посередине высоты слайд-шоу. Вот...

Я меняю текст между двумя значениями с помощью React useState и setInterval, и это работает нормально.
function Home() {
const = useState( Text A );

const inter = setInterval(() => {
changeHome();
}, 5000);

function changeHome() {
role === Text A...

У меня следующая настройка:
Контейнер сетки размещается внутри более широкого элемента div. Элемент сетки имеет содержимое, соответствующее ширине.
Сетка имеет столбцы auto-1fr-auto-1fr. Точная ширина всех столбцов зависит от динамического...

Я использую некоторые файлы .scss как часть повторно используемого модуля ES6 (ESM). В рамках процесса сборки я запускаю пряжу sass -I node_modules src:dist, чтобы скомпилировать все эти файлы в .css, и они выводятся в каталог /dist.
Теперь,...

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

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

У меня возникла проблема с макетом страницы печати в последних версиях Chrome и Edge (v126). Когда я настраиваю параметры масштаба в диалоговом окне печати, макет страницы искажается и смещается влево. Я приложил скриншот, чтобы проиллюстрировать...

Я хочу добавить следующий эффект: есть 4 миниатюры, одна миниатюра = другой альбом:

После клика по синглу должна появиться карусель:
.jpg

Я понятия не имею, как объединить миниатюру и карусель.
Что я могу использовать для автоматического...

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

Требования
Я пытаюсь создать инструмент проектирования, похожий на Figma. Цель состоит в том, чтобы нарисовать блок, а затем перетащить его на родительский элемент div. Мне нужно использовать этот метод в ReactJs, но сейчас я пытаюсь использовать...

Мне нужно реализовать диапазон типа ввода HTML5

Теперь я хочу, чтобы на шагах отображались галочки, как на прикрепленном изображении. Является ли это возможным ? Есть ли способ?

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

Рассмотрим следующий элемент div

div {
width: 310px;
border: 1px solid #000;
word-break: break-all;
font-family: monospace;
}

aaaaaaa...

Пример, например, имя класса grid-flow-row здесь:
Неверно:

{dt.icon}
{dt.text}

Верно:

{dt.icon}
{dt.text}

Поскольку имя класса «сетка» не используется или не существует в имени класса, поэтому автоматически «grid-flow-row» не используется....

Я использую значок в Elementor, чтобы открыть меню. Это «+», и я просто хочу, чтобы при нажатии он поворачивался на 45 ° в знак «X». Если кто-нибудь знаком с тем, как это можно сделать с помощью CSS/JScript, мы будем очень признательны.
Спасибо
Я...

Я новичок в создании тем для WordPress и имею опыт использования TailwindCSS с Next.js. В Next.js я обычно определял имена классов Tailwind непосредственно в атрибутах HTML с помощью clsx и использовал prose для стилизации контента в сообщениях...

nav {
width: 15%; /* Decreased width */
background-color: silver; /* Silver */
color: #333;
float: left;
padding: 20px;
box-sizing: border-box;
height: 100vh; /* Set height to 100% of the viewport height */
position: fixed; /* Fixed position to keep...

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

Я создал небольшое приложение для прогнозирования на неделю для упражнений и использую TailwindCSS. На экранах среднего размера и больше макет выглядит примерно так, как мне хотелось бы (все еще настраиваю). Есть два столбца: данные о погоде в...

Здесь я нашел слайд-шоу, которое мне понравилось:
Я хотел добавить заголовок справа от изображения. это было повернуто... примерно так: текст, повернутый на 90 градусов, выровнен по правому верхнему краю страницы с помощью CSS
Итак, я добавил...

nav {
width: 15%; /* Decreased width */
background-color: silver; /* Silver */
color: #333;
float: left;
padding: 20px;
box-sizing: border-box;
height: 100vh; /* Set height to 100% of the viewport height */
position: fixed; /* Fixed position to keep...

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

У меня есть сайт на WordPress, dennisroliff.com. У меня проблема с главным меню. В частности, раскрывающееся меню в разделе «Галереи». Я обнаружил, что если слишком быстро переместить курсор вниз по раскрывающемуся меню, оно исчезнет. Это будет...

Я создал небольшое приложение для прогнозирования на неделю для упражнений и использую TailwindCSS. На экранах среднего размера и больше макет выглядит примерно так, как мне хотелось бы (все еще настраиваю). Есть два столбца: данные о погоде в...