CSS - Страница 804

Я нашел код галереи CSS и захотел попробовать запустить его самостоятельно, чтобы проверить, работает ли он на самом деле. Код — Moodboard with Masonry от Shinya1992 на CodePen. Я скопировал и вставил весь код, запустил его и ожидал, что результат...

Я имею дело с HTML-документом. Документ состоит из элементов div, каждый из которых имеет несколько классов. Один из этих классов имеет тенденцию устанавливать атрибут «left» элемента div. Я пишу код Javascript и хочу определить, какой класс...

Я разместил курсор:указатель на td, но в Safari (на Mac) он отображает только курсор мыши по умолчанию, а не меняется на указатель в виде маленькой руки, как это происходит в любом другом браузере.

Кто-нибудь знает, есть ли это исправление или это...

.table_outer {
width: 500px;
overflow-x: auto; /* Allow horizontal scrolling */
}
table {
width: 100%;
min-width: max-content; /* Ensure table doesn't shrink below content width */
table-layout: fixed; /* Enforce fixed width for cells */...

Есть ли способ переместить элемент по экрану, используя только привязку, а затем центрировать его?

Является ли использование прокрутки единственным способом перенести элемент за кадром в центр?
Есть ли способ перенести элемент, который уже...

В Firefox работает приведенный ниже CSS:

.fill-space {
text-align: justify;
text-justify: distribute; /*This property is not working */
text-align-last: center;
}

Но в Chrome это не работает. Как заставить его работать в Chrome?

Подробнее...

Я успешно установил Node.js на свой компьютер и пытаюсь установить Tailwind CSS с помощью Tailwind CLI через npm. Я выполнил команду в терминале VSCode, и произошла ошибка, показанная ниже.
node:internal/modules/cjs/loader:1148
throw err;
^

Error:...

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

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

На моем веб-сайте есть сторонняя ссылка, которую я хочу оформить. но у него нет класса или идентификатора, на который я мог бы ориентироваться. Единственное, что у него есть, это уникальное значение href.
Можно ли стилизовать тег привязки на основе...

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

Я знаю, что вы умеете писать...

background-color: #ff0000;

... если вам нужно что-то красное.

И вы можете написать...

background-color: rgba(255, 0, 0, 0.5);

... если вам нужно что-то красное и полупрозрачное.

Есть ли какой-нибудь...

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

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

Я создал новый проект веб-приложения. Но если я отредактирую свой war/Sandbox_Project.css, веб-страница localhost:8080/Sandbox_Project не пострадает. Например, если я добавлю новое тело свойства и некоторые значения, эффекта не будет. Но если я...

Представьте себе простой несортированный список с несколькими элементами . Теперь я определил маркеры квадратной формы с помощью list-style:square; Однако, если я задаю цвет элементов с помощью цвета: #F00;, тогда все становится красным!
А я хочу...

Когда я нахожусь на индексной странице, все теги li активного класса принимаются, но на других страницах активного класса он работает корректно.
Когда я нахожусь на индексная страница:
введите здесь описание изображения
введите здесь описание...

Я хочу, чтобы предложения о работе размещались под заголовком, но сам заголовок по-прежнему центрируется по высоте. Может ли кто-нибудь помочь мне с этим?
Вот скриншот:

А вот один без + рисунок того, куда он должен идти:
/Qs0AEqwn.png

Я...

Эффект перехода начинается с ВЕРХНЕГО ЛЕВОГО угла, но нужно, чтобы он начинался с левого угла.
По сути, я пытаюсь сделать его похожим на небольшую полосу загрузки, которая загружается при наведении курсора на блок.

.buttonFrame {
position:...

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

Мне нравится

NavBar.js

FEED

App.css
.icon-tab {
justify-content: center;
align-items: center;
display: flex;
width: 90px;
margin-left: 30px;
text-align: center;
}

.icon-tab:active{
border-bottom: 2px solid #0275b1;
}
.icon-name {...

В настоящее время название и код дороги отображаются рядом.

Например: X123-Шоссе

но когда название дороги отсутствует, отображается дорога код-код дороги или наоборот, название дороги-название дороги.

Но я хочу отображать только название дороги...

вот скрипка.

как предотвратить появление элементов смещаться при щелчке?

Элементы обычно имеют рамку шириной 1 пиксель, но при щелчке становятся рамкой шириной 2 пикселя.

В скрипте вы увидите этот CSS

.o {
height: 50px;
width: 100px;
border:...

Я создал веб-сайт на фарси. адрес моего веб-сайта — znmana.ir.
Шрифты моего веб-сайта на моем компьютере подходят, но иногда они меняются на некоторых страницах после того, как я загрузил их на хост.
CSS-коды в порядке.
Я несколько раз пытался...

Я использую преобразование html в изображение, что позволяет мне сделать снимок экрана выбранного элемента div.
Код приведен ниже:
const contentRef = useRef(null);

const handleCapture = () => {
const node = contentRef.current;...

Итак, я пытаюсь добиться такого результата:

sstatic.net/tBlJK.png

Вот что я получил, когда попробовал:

.container {
width: 100px;
height: 1px;
background-color: black;
}
.circle {
display: inline-block;
vertical-align: middle;
width: 10px;...