CSS - Страница 33

Хорошо, все знают, что с помощью этого можно построить треугольник:
#triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

В результате получается сплошной...

Я путаю между justify-content и align-items во Flexbox.
Кажется, оба выравнивают элементы.
В чем разница и когда следует использовать каждый из них?

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

Я использую Tailwind CSS. Я применил h-экран к элементу div, но он не занимает всю высоту экрана, когда находится внутри другого элемента div. Почему это происходит и как это исправить?

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

У меня есть элемент ввода. Он занимает 50% доступной родительской ширины. Свойство w-6/12.
Как установить полную ширину для мобильных устройств?
Код:

Make

Я пробовал:
sm:w-full

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

Есть ли способ уменьшить пространство в justify-content:space-between?

Между элементами слишком много места.

space-around тоже не является решением, поэтому мне было интересно, могу ли я, например, сказать, что хочу, чтобы пространство...

У меня есть такой (тестовый) HTML:

Test Monospace

tt { font-family: monospace; }

Test Monospace
This is normal text
This is monospaced text

Когда я показываю это в IE, моноширинный текст использует Courier New вместо шрифта,...

Я создаю раздел Hero для веб-сайта, который создаю, и в качестве фона которого используются изображения с соотношением сторон 16:9. При окончательном производстве у меня будет слайд-шоу из 3-4 изображений в качестве фона (вытянутое удаленно),...

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

function Formvalidation(){
var validate = validateForm();
if( validate ==...

На моей веб-странице есть элементы (div, sub div, кнопки и т. д.), положение которых генерируется относительно div, в котором они находятся, и друг друга. В результате при использовании window.getComputedStyle свойства top и left представляют собой...

У меня есть пульсирующий круг, который должен прекращать пульсацию при наведении курсора, но затем масштабироваться до нужного размера.
@keyframes pulse {
0%, 100% {
transform: scale(1);
animation-timing-function: ease-in;
}

50% {
transform:...

На моей веб-странице есть элементы (div, sub div, кнопки и т. д.), положение которых генерируется относительно div, в котором они находятся, и друг друга. В результате при использовании window.getComputedStyle свойства top и left представляют собой...

У меня есть тег привязки, на который не следует нажимать, поэтому я добавил события указателя none. У меня есть атрибут заголовка в теге привязки, который должен отображаться при наведении курсора. pointer-event:none предотвращает отображение тега...

Я столкнулся с загадочной проблемой макета CSS:

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

body {...

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

У меня есть таблица стилей печати для моего сайта (Wordpress), и я хочу, чтобы изображения печатались на одной странице, а не разбивались по страницам. В некоторых случаях даже строки текста разбиваются на страницы. Я включил img {page-break:...

Я пытаюсь создать заголовок раздела, который имеет:

ИМЯ ЗАГОЛОВКА --------------------------------------------------

Где несколько ---- являются горизонтальным правилом. К сожалению, hr предпочитают придерживаться собственной линии.

Есть идеи? Я...

Я конвертирую HTML в PDF с помощью wkhtmltopdf 0.12.6.1 (исправленный Qt) .
HTML отображается правильно во всех браузерах, но в сгенерированном PDF-файле возникают проблемы с макетом таблиц, занимающих несколько страниц.

Описание проблемы
Когда...

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

Описание проблемы
Я реализую собственный текстовый список в виде маркированного списка. Как показано на изображении ниже, кнопка «Дополнительно» должна естественным образом следовать за текстом в первой строке, а настраиваемый маркер должен...

В этом посте о «гибком сжатии» вложенных флексбоксов говорится:

Вычисления сжатия флексбоксов происходят независимо на каждом уровне гибкого контейнера

Я хотел бы понять алгоритм. Эти вычисления начинаются с внутреннего или внешнего флексбокса?...

Я использую wkhtmltopdf 0.12.6.1 (исправленный Qt) для преобразования HTML-таблиц в PDF.

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

охватывает несколько страницы...

Я конвертирую HTML в PDF с помощью wkhtmltopdf 0.12.6.1 (исправленный Qt) .
HTML отображается правильно во всех браузерах, но в созданном PDF-файле возникают проблемы с макетом таблиц, занимающих несколько страниц.
Описание проблемы
Когда таблица:...

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

Я использую встроенный SVG в SVG и установил некоторые значения x и y по умолчанию. Когда я их меняю, встроенный SVG перемещается соответствующим образом. Я пытаюсь изменить это с помощью

var inlineSVG = document.getElementById( inlineSVG );...

Я использую хук useViewportScroll Framer Motion для отслеживания прокрутки пользователем моей страницы, но он не обновляется. Я наткнулся на эту статью, в которой объясняется, как Framer Motion использует document.body.clientHeight и...