CSS - Страница 747

Вопрос: Есть ли какой-нибудь способ установить Html в качестве значения по умолчанию для расширения Google Chrome с именем textarea для редактора кода?
Значение по умолчанию — простое. text или Normal textarea (см. верхнее изображение).
Если я нажму...

Хотелось бы добавить однострочное тире с обеих сторон текста, выровняв его по центру.
Например: -----текст------

.strikes-on-both-ends {
position: relative;
display: inline-block;
padding: 0 10px; /* Adjust padding as needed */
}...

У меня возникла странная проблема с веб-приложением. Обычно пользователь щелкает правой кнопкой мыши веб-страницу и выбирает «Печать». Он просматривает документ в режиме предварительного просмотра, а затем решает, как его распечатать.
В Chrome все...

Я создаю веб-страницу пользовательского интерфейса промышленного типа, и, как сказано в заголовке, полоса прокрутки не работает.
CSS содержимого div:
#content
{
opacity: 1;
animation: fade 1.5s cubic-bezier(0.37, 0, 0.36, 1);

position: fixed;
top:...

Я использую сетку для размещения карточек. Сетка адаптивна с использованием минимакса и автоматической подгонки:
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

Но мне бы хотелось, чтобы в первом ряду была одна карточка, чтобы она не...

У меня есть приложение Next.js, которое использует реакцию-три/волокно: И ПРОВЕРИТЬ миграцию-to-nextjs13 филиал. Проблема касается CSS. У меня есть объект реакции-три/волокна, отображаемый в середине страницы. У меня есть этот CSS:
canvas {...

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

В iPhone содержимое переполнения дочернего div не отображается за пределами родительского div, если для родительского элемента задано свойство overflow:auto для прокрутки содержимого.
Значок закрытия отображает не показывать устройство iPhone. Если...

Я использую Bootstrap v5.3.3 Carousel. Моя проблема заключается в том, что карусель показывает увеличенное изображение при нажатии следующего или предыдущего, если карусель заключена в класс float-start.
Минимальные коды находятся здесь:...

Мое фоновое изображение сжимается в углу, хотя в моем CSS или HTML оно не сжимается.
фон ( home/)
мой CSS:
.background-image {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('imgs/background.png');
background: center no-repeat;...

Я видел, как кто-то использовал расширение HTML CSS Support в VScode следующим образом:
введите тег>придайте ему класс со стилями Bootstrap>, а затем отобразится раскрывающийся список подсказок свойств, связанных с Bootstrap. .
Пример: при вводе...

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

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

Это HTML-код:

section {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
min-height: 100vh;
}

.card-item__side {
border: 1px solid black;
width: 350px;
height: 200px;
display: flex;
justify-content: center;...

/* Trully Center */
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

/* Horizontally Center */
position: absolute;
left: 50%;
transform: translateX(-50%);

/* Vertically Center */
position: absolute;
top: 50%;...

Когда я пытаюсь стилизовать компонент Link, он не работает:
Link {
padding: 0 30px;
}

Но это работает, когда я использую встроенный стиль
Invoices

Я использую импорт './App.css' и стилизацию обычных элементов, таких как div, работает....

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

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

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

Есть ли какой-нибудь трюк или способ использовать Sass Lighten() и Darken() с переменными CSS? (Мне нужно использовать переменные CSS )
//.scss

:root{
--my-color: #ff0000;
}

// method 1 :
$my-color-darken: darken(var(--my-color), 15%); // not...

Я пытаюсь перейти с CRA на Vite для создания своих проектов React, и столкнулся с проблемой, из-за которой я вообще не могу загрузить свои шрифты. Браузер выдает следующую ошибку.
GET

downloadable font: download failed (font-family: Roboto...

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

Есть ли разница между

margin: 0;

и

margin: 0em;

Я ничего не заметил, но мой учитель продолжает говорить мне, что это не то же самое.

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

Content goes here.
Content goes here.
Content goes here.
Content goes here.
Content goes here.

Выше приведен минимальный пример, протестированный в Firefox и Edge.
Хотя он использует попутный ветер, я пробовал и встроенные стили.
/> min-w-fit...

Я использую сетку для размещения карточек. Сетка адаптивна с использованием минимакса и автоматической подгонки:
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

Но мне бы хотелось, чтобы в первом ряду была одна карточка, чтобы она не...