CSS - Страница 142

Когда я хочу замаскировать все, кроме прямоугольного элемента div, я использую этот код JavaScript для создания динамического значения CSS-маски:
const top = rect.top;
const left = rect.left;
const width = rect.width;
const height = rect.height;...

Я пытаюсь создать таблицу, ширина которой составляет 100% от родительского контейнера, и размер каждого td автоматически зависит от размера экрана, и все работает нормально.
В td игнорируется только свойство max-width. Он масштабируется до более чем...

Я хотел бы автоматически обрезать длинные элементы с многоточием на маленьких экранах. Когда я использую truncate, это не применяется.
И я не хочу, чтобы ul переполнялся из div.
Вот фрагмент базовой навигации с использованием Tailwind:...

Итак, я пытаюсь использовать функцию Calc() со свойством top в TailwindCSS. Я знаю, что это работает нормально:

Sidebar

Однако я не могу получить что-то абсолютное, например:

Игровая площадка Tailwind

Sidebar

Кажется, я не...

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

Я использую компонент карусели из нового Bootstrap 3 RC2. Однако я заметил, что на практике подпись часто не читается, потому что мои фотографии очень многоцветные. В предыдущей версии Bootstrap 2.3 для подписей использовался черный градиент, но,...

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

Моя панель навигации содержит ряд вкладок со ссылками. Ссылка на текущую страницу или раздел имеет другой цвет (на странице «О программе» или страницах, принадлежащих к этой категории, кнопка «О программе» имеет белый цвет, а все остальные кнопки —...

Я пытаюсь создать макет с помощью Angular 7 и CSS Grid. У меня проблема в том, что router-outlet занимает только один столбец во второй строке.

Я создал здесь StackBlitz.

Как вы можете видеть в app.comComponent.css, я хочу, чтобы router-outlet (и...

Нам необходимо модернизировать нашу тему, чтобы избежать ее устаревания и проблем с безопасностью. Таким образом, мы обновляем многие пакеты узлов, включая webpack и sass. У меня возникли проблемы с наследованием.
Меня очень смущает то, как вы...

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

У меня есть веб-сайт, размещенный на GitHub Pages.
Я хочу избавиться от пространства между изображением и его легендой. Пробовал играть с отступами и полями для элементов ссылки, но безрезультатно. Что именно мне следует сделать?...

Сейчас у меня есть отчет с множеством широких столбцов, который я отправляю по электронной почте прямо из SQL. Я генерирую для него HTML-код динамически, но столкнулся с проблемой ширины столбцов.
Я вставил следующий CSS:
#tableMain
TH {...

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

Я пытаюсь открыть API View Transition (который кажется таким мощным!).
Думаю, я получил всю картину с помощью view-transition-name, document.startViewTransition и так далее. Но я сталкиваюсь со странной проблемой: когда переход происходит в...

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

Wellbeing

Mental Health

Healing

Wellbeing

Mental Health

Healing...

Я пытаюсь открыть API View Transition (который кажется таким мощным!).
Думаю, я получил всю картину с помощью view-transition-name, document.startViewTransition и так далее. Но я сталкиваюсь со странной проблемой: когда переход происходит в...

Я провожу исследование концепции HTML5 Drag and Drop, перейдя по этой ссылке. В настоящее время я столкнулся с проблемой события dragenter, которое срабатывает во второй раз (для дочернего элемента) перед перетаскиванием. Таким образом, стиль...

Насколько мне известно, CSS не является полным по Тьюрингу. Но мои знания CSS очень ограничены.
Является ли CSS Тьюринг полным?

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

td {
max-width: 600px;
}

pre {
margin: 0;
}

pre,
.grey {
line-height: 100%;
}

.container {
display: flex;
flex-direction: column;
overflow-x: scroll;
}

.container>* {
min-width: 100%;
}

.container pre {
width: max-content;
overflow-x: visible;...

Предположим, у вас есть целевая страница, которая отличается от основного веб-сайта: другой макет, другой фон, другой заголовок.

Как вы можете использовать такую ​​целевую страницу в WordPress, поскольку WordPress автоматически формирует все...

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

В моем приложении сервер работает с HTML до того, как JS динамически вводит...

Насколько мне известно, CSS не является полным по Тьюрингу. Но мои знания CSS очень ограничены.
Является ли CSS Тьюринг полным?

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

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

td {
max-width: 600px;
}

pre {
margin: 0;
}

pre,
.grey {
line-height: 100%;
}

.container {
display: flex;
flex-direction: column;
overflow-x: scroll;
}

.container>* {
min-width: 100%;
}

.container pre {
width: max-content;
overflow-x: visible;...