CSS - Страница 882

Я переношу свои приложения на Angular 16 и Material и заменяю гибкий макет, который больше не поддерживается.
Я также провожу рефакторинг CSS с использованием scss, но снова сталкиваюсь с проблемой проблема с порядком оценок стилей классов, и я...

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

Я столкнулся с проблемой при попытке динамически установить шрифт для всего приложения на основе выбора пользователя в проекте Angular с Tailwind CSS. fonts-not-applied.png
Руководство, которому я следовал при настройке Tailwind с помощью Angular:...

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

Я хотел бы, чтобы часть ползунка при вводе диапазона была равна 1/макс, т.е. если максимальное число для ввода диапазона равно 5, то я хочу, чтобы ползунок составлял 1/5 ширины. Я использую TailwindCSS, но я использовал простой CSS, чтобы изменить...

Я использую сетку CSS для размещения таких элементов...

#container {
display: grid;
grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%;
}

.item {
background: teal;
color: white;
padding: 20px;
margin: 10px;
}

Item
Item...

Используются два пользовательских класса попутного ветра: text-black и text-xxs
text-black — это просто цвет #000000
text-xxs — это пользовательский размер шрифта: 10 пикселей.
При использовании внутри метода cn util:
// cn function
function...

Это то, что я пробовал, но оно продолжает выходить за пределы страницы/экрана.

$(document).ready(() => {
$(document).on('keydown', function(e) {
var key = e.which;
if (key === 37) {
$('#divResult').animate({
left: -=50
})
}
if (key === 38) {...

Как создать компонент (например, контейнер, btn) в альфа-версии Tailwind v4. Не уверен, что сможете, но я не могу понять, как это сделать
@theme {
.container {
--padding: var(--spacing-4);
}
}

Не повезло, ошибка говорит, что в теме могут...

У меня есть этот код для сетки:

.cards {
display: grid;
grid-template-columns: repeat(2, 15em);
padding: 0.5em;
gap: 0.5em;
}

.cards>div {
border: 1px solid blue;
}

h2 {
margin: 0;
border-bottom: 1px solid green;
}

aside {
float: right;...

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

Я попробовал @media и rem вместо px но результаты не такие, как ожидалось, элементы накладываются друг на друга, и информация выходит за пределы...

У меня есть компонент React, который показывает компонент оповещения с помощью scss.
export function MyComponent() {
return (

);
}

MyComponent.module.css
.alert {
width: 390px;
margin-top: 182px;
margin-bottom: 22px;
}

Теперь мне нужно,...

У меня есть iframe, содержащий видео YouTube или Vimeo, для которого я хочу сделать некоторые элементы управления неактивными (настройки, полноэкранный режим и т. д.). Это связано с тем, что пользователь должен иметь возможность только...

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

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

В настоящее время сообщения пользователей отображаются справа, а сообщения ботов — слева, как показано ниже. Есть ли способ выровнять сообщения пользователя и бота по левому краю?
Текущее изображение
Ищем изображение
Пожалуйста, дайте мне знать, как...

У меня есть следующий код:

TEXT

Я хочу, чтобы содержимое (ТЕКСТ и иконка) было выровнено по левому краю, и попробовал:

ion-button {
display: flex;
justify-content: flex-start;
}

Я думал, что это приведет к выравниванию содержимого по...

Я создаю бургер-меню с анимационным раскрывающимся списком или наложением как часть заголовка моего веб-сайта. Назовем это страницей «mobile-header» .
Ссылка на веб-сайт (как ни странно, эта функция не выполняется в браузере на настольном...

У меня есть две сетки, вложенные в сетку. К сожалению, правая вложенная сетка .grid-3 устанавливает высоту строк так, что левая и правая сетка имеют одинаковую высоту, дополнительное пространство распределяется между элементами div с классом .right....

У меня есть документ xhtml, который с помощью openhtmltopdf преобразуется в формат pdf. Содержание этого документа может варьироваться, в результате чего создается одностраничный или многостраничный PDF-файл. Я хотел бы печатать логотип всегда на...

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

Я пробовал поставить
.center h1 {
text-align: center;
}

в _static/css/custom.css, но он не работает...

Плохая практика — использовать свойство позиции CSS, имеющее относительное или абсолютное значение.
В каких случаях их можно или нельзя использовать?
Я делал целевую страницу. Я использовал свойства абсолютного и относительного позиционирования для...

Существует jQuery-код, который анимирует плавный переход от пунктов меню к привязкам. По первым пунктам меню, которые сразу видны, все работает нормально. А вот из тех пунктов меню, до которых нужно пролистать, переход осуществляется некорректно (...

Как правильно сделать встроенные всплывающие подсказки доступными?
У меня есть две версии ниже.
Версия 1: используйте атрибут title. При наведении я буду использовать JS, чтобы скрыть атрибут заголовка и добавить текст в свою пользовательскую...

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