CSS - Страница 770

У меня есть гибкий контейнер и 2 элемента. Голубой элемент имеет несколько диапазонов. Чего я хотел бы добиться, так это сделать максимальную ширину голубого элемента такой же большой, как и текстовые интервалы. И гибкий элемент также должен быть...

Я пытаюсь разместить div с каждой стороны от div в центре, содержащий меню, центрированное по вертикали и горизонтали относительно элементов div с каждой стороны. Например, центральный элемент div (контейнер меню) занимает пространство между двумя...

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

как скрыть невидимую кнопку (рис. 2)? Я хочу скрыть кнопку «Просмотреть меньше», так как я хочу, чтобы кнопка «Просмотреть больше» появлялась только при наведении курсора на элемент сетки, и невидимый элемент будет скрыт. (Как вы можете видеть на...

Давайте рассмотрим следующее:
.hexagon {
position: absolute;
width: 200px;
height: 200px;
background-color: rgba(32,78,64,0.25);
z-index: 20;
/* -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */
-webkit-clip-path:...

Сейчас у меня есть преобразование CSS Matrix3d, которое мне нравится, скажем, например, следующее:
transform: matrix3d(1.3453,0.1357,0.0,0.0003,0.2096,1.3453,0.0,0.0003,0.0,0.0,1.0,0.0,-100.0,-100.0,0.0,1.0);
transform-origin: 0 0;

Я использую...

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

Я создаю веб-библиотеку с помощью Spring Boot и Thymeleaf. CSS работает нормально, когда конечной точкой является «localhost: 8080/Library/write», однако, когда я пытаюсь изменить свою конечную точку на «localhost: 8080/Library/blogwriting/write»,...

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

Я хочу создать карточку статьи с макетом, как показано ниже:
Макет
Но я не силен ни в HTML, ни в CSS. и я понятия не имею, как можно добиться такого эффекта. Если у вас есть хоть малейшее представление о том, как это можно сделать, поделитесь,...

У меня есть простой пример, где я устанавливаю ::before, чтобы задать оттенок фона. Я делаю это с элементом display: flex. Затем я установил для одного из гибких элементов значение flex: 1. Происходят две вещи, которые мне не нравятся:

Флекс:1...

У меня есть динамический текст в диапазоне. Я хотел бы использовать line-clamp: 2.
В этом случае существует макс. 2 строки текста, а остальное обрезается на ….
Это работает с:
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:...

Я использую Next.js + TailwindCSS для проекта, и шрифты в Chrome кажутся более плавными по сравнению с Firefox и Safari. Я не знаю, почему это происходит. Вы также можете видеть, что размер блока информационного бюллетеня в Safari намного меньше,...

progress {
border: none;
width: 400px;
height: 60px;
background: crimson;
}

progress {
color: lightblue;
}

progress::-webkit-progress-value {
background: lightblue;
}

progress::-moz-progress-bar {
background: lightcolor;
}

Я пробовал...

Я хочу сохранить фоновые URL-адреса в пользовательских свойствах (переменных CSS) и использовать их со свойством фона. Однако мне не удалось найти способ интерполировать строку при использовании ее в качестве параметра в url().

Вот мой пример кода:...

Я создаю PDF-файл с помощью laravel, в частности, я использую библиотеку barryvdh/laravel-dompdf.
Из БД я печатаю с помощью цикла foreach тексты с очень большая длина.
Я хочу, чтобы при достижении конца каждой страницы, независимо от того,...

У меня есть список товаров в корзине, представленный в строках и столбцах Bootstrap. У каждого товара есть входной номер PrimeVue для изменения количества определенного товара в корзине.
Вот песочница с этой проблемой.
Я также размещал приложение на...

Мне сложно выделить границу толщиной в 1 пиксель, которая появляется в правой части моего сайта. Это происходит при разных размерах окон в Chrome и Safari, и я не могу понять, что является причиной этого, и действительно ли это совершенно неизбежно...

Я работаю над этой страницей, где у меня есть специальный JS/jQuery для добавления функции поиска по списку. При необходимости мне нужно иметь возможность «добавить» поле. У меня это работало до того, как я реализовал функцию поиска, но теперь это...

Я работаю над созданием инструмента, в котором я добавил VirtualizedScrollPane в CodeArea.
Проблема: горизонтальная полоса прокрутки не прокручивается до последнего символа в правом конце.
/>Они вне поля зрения.
Но как пользователь я могу...

const bodyElement = document.querySelector( body );

bodyElement.addEventListener( mousemove , (event) => {
const x = event.offsetX;
const y = event.offsetY;
const spanElement = document.createElement( span );
spanElement.style.left = x + px ;...

Рассмотрим следующий пример:

* {
box-sizing: border-box;
}

body {
margin: 0;
font-family: 'Rubik';
font-size: 10pt;
height: 100vh;
width: 100vw;
}

.filler
{
background-color: yellow;
height: 100%
}

.left-column {
float: left;
background-color:...

У меня возникли некоторые проблемы с сеткой CSS (я думаю).
Левая часть моей сетки не соответствует высоте другой стороны. Кажется, что внизу большого изображения всегда есть пробел.
Мне нужно, чтобы вся сетка была одинаковой высоты и с соотношением...

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

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