CSS - Страница 523

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

Есть ли способ уменьшить пространство в оправдании-контенте: Space-between ?

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

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

Я хочу макет с двумя столбцами, которые заполняют страницу, и позволяя один сделать один столбец шире, а другой, соответственно, более уже. Я посмотрел на вопрос CSS RESHIFFICE Property, оба не работают должным образом с Flex, поэтому я добавил...

Возможно ли создать фоновую текстуру с чистыми CSS (без использования изображения), которая выглядит как старая бумага, например, Как это:

Я знаю, что есть ограничения, текстура не должна быть такой сложной, как Пример.
Есть ли способ сделать это...

Я пытаюсь настроить Tailwindcss в моем проекте heally.js 14. Я уже использовал файлы module.css, но теперь я хочу перейти на Tailwindcss. Я не хочу конвертировать мои старые компоненты в Taillide, просто хочу построить новые компоненты с...

.element-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
gap: 10px;
}
.element {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: red;
box-sizing: border-box;
display: flex;...

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

Я пытаюсь изменить стиль диаграммы Gantt Gantt. правильно и иметь синий цвет текста (#E5E7EB). Я пытаюсь сделать эти этикетки влево выровнять с другим цветом текста. Единственное, что я мог бы даже изменить, - это свойства Fontname и Fontsize. Ни...

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

Я использовал Overflow-y: Hidden; в моем CSS, чтобы отключить вертикальные прокрутки. Но все же мне нужно позволить пользователям прокручивать и опускаться через колесо мыши.

Как я могу разрешить только вертикальную прокрутку колеса мыши, но...

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

Long Story (надеюсь) коротко, у меня есть Div, который представляет собой «липкий заголовок» с несколькими компонентами внутри него, «основные» два из которых являются контейнером для элемента «панировочных крошек» и один для элемента навигации...

Используя Vuetify, мне нужно создать этот макет:

Где каждое число представляет собой компонент, а столбцы могут иметь n компонентов (не обязательно 3). Компонент № 1 будет иметь кнопку «Развернуть», которая изменит макет на:...

Я делаю галерею с прокруткой с колбой, которая показывает много Элементы, видеофайлы небольшие, но он все еще генерирует много запросов HTTP 206, которые представляют собой колбу с бутылкой.
есть загрузка = lazy , что очень удобно.
Есть ли какой...

Я хочу макет с двумя столбцами, которые заполняют страницу, и позволяя один сделать один столбец шире, а другой, соответственно, более уже. Я посмотрел на вопрос CSS RESHIFFICE Property, оба не работают должным образом с Flex, поэтому я добавил...

Я пытаюсь переопределить немного стиля Material2 в моем приложении Angular 2, и до сих пор я не могу заставить его работать. В частности, я хочу переопределить цвет фона для MD-Menu. Вот как выглядит мой HTML:

Option A
...

И это то, что я...

Я использую версию TypeScript (@types/React-Slick) библиотеки реагирования для реализации карусели/слайдера в проекте NextJS. Я получаю следующую ошибку после импорта компонента ползунка из пакета:
{item.image} alt=
{item.message}

))}

);
}...

У меня много неприятностей с этим, и очевидные решения не работают или я делаю что -то не так (вероятно, последнее).

Я хочу стилизовать свой Mat-Menu и Mat-Menu-item , я пытался сделать это:

::ng-deep .mat-menu{
background-color:red;
}

Но это...

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

.element-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
gap: 10px;
}
.element {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: red;
box-sizing: border-box;
display: flex;...

Я пытаюсь поместить элемент CSS в правую сторону заголовка, но не уверен, как это сделать. Я пытался использовать:

position: Absolute; top: 20px; right 0px;

Это будет работать, но если вы отрегулируете браузер, текст перемещается вместе с ним....

Я играю с CSS View Transitions. Одним из примеров, который я видел в ряде мест, является использование его, чтобы оживить подчеркивание активной вкладки. Я подумал: «О, должно быть легко изменить это, чтобы придать активный цвет цвет фона, но...

Я строю свой первый проект PHP и хочу использовать TailWindcss для стиля. Br />
Я скачал последний релиз отсюда. Я использую
tailwindcss-windows-x64.exe .
Скопировать файл в мой проект и переименовать его в tailwindcss.exe
Добавить input.css...

Если у меня есть Div с несколькими детскими элементами, и это масштабируется преобразование CSS. У меня есть один дочерний элемент, который я не хочу масштабировать

#parent{
-webkit-transform: scale(.5);
}

span:last-child{
-webkit-transform:...

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