CSS - Страница 883

Можно ли это для кодирования «Asus Corei5, 6 ГБ ОЗУ, 500 ГБ встроенной памяти, 2,20 ГГц, 2 ГБ выделенной графики Nvidia Geforce 5-го поколения». Или это...
Dell latitude E5450, Corei3, 8 ГБ ОЗУ, 500 ГБ жесткого диска, 5-го поколения. Помогите мне...

nth-child

:first-child

:last-child

hello
hello
hello
hello
hello

.container{
counter-reset: h2;
}

.container h2::before{
counter-increment: h2;
content: counter(h2) '.';
width: 35px;
height: 35px;
border-radius: 50%;
position:...

Я пытаюсь использовать раскрывающийся список внутри таблицы, но z-index не работает должным образом.
Я пробовал вне таблицы, все работает нормально, потому что в таблице есть переполнение. x-auto ?
Я также пробовал z-index до 9999999, но все еще не...

Как ограничить высоту ячейки таблицы для электронного письма в настольном приложении Outlook?
Она хорошо отображается в браузере.

В В настольном приложении Outlook весь текст с идентификатором #some-text увеличивает длину ячейки.
ДЕМО:...

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

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

Я переношу свои приложения на 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....