CSS - Страница 361

Учитывая текущий пример сетки CSS, как я могу свернуть границы, чтобы избежать двойных границ? Как мне сделать это с помощью Display: Grid ? .wrapper {
display: grid;
grid-template-columns: 50px 50px 50px 50px;
}

.wrapper > div {
padding: 15px;...

Я бы хотел получить подачу, в котором каждая строка имеет два столбца одинаковой высоты:
Контейнер подачи: ширина составляет 100%
column1 = изображение фиксированной ширины, скажем, 300px шириной
column2 = некоторые текст, как все, что остается...

Я думаю, что это ожидаемое поведение, но я хочу избавиться от него. Это пример кнопки CSS:

.botton {
background-color: white;
cursor: pointer;
transition: background-color 0.15s ease-in-out;
}

.button:hover {
background-color: black; // doesn't...

Я создал здесь переворачивающуюся карту с родительским контейнером, который предоставляет тень коробки: твоя/> Мне нужно применить пути клипа, где показаны в коде (спрятаны комментариями), но когда я делаю, обратная сторона карты не показывают,...

Я использую React-Easy-Crop в приложении Next.js/React, чтобы позволить пользователям обрезать изображения. Контейнер, удерживающий урожай, является динамическим - его ширина и высота могут измениться на основе макета. {...

У меня есть два компонента, которые находятся бок о бок. Компонент A находится слева и может расширяться вертикально, что потребует прокрутки, чтобы просмотреть все расширенное содержимое. Компонент B находится справа, который будет гибким...

(английский не является моим первым языком кстати)

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

Пролапс изображения моего заголовка за Navbar Как это предотвратить?

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

Мне нужно использовать макет сетки, но также нуждается в горизонтальной линии, разделяющей каждую строку. /> .wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 100px);
}

.box {
border-bottom: 2px solid...

Я работаю над фиксированной вертикальной навигацией, используя начальную загрузку и сталкиваюсь с проблемой с переполнением макета. Navbar использует «VH-100», чтобы заняться полной высотой видового порта и «M-3» для поля. Тем не менее,...

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

Я попытался загрузить свой проект Django на рендеринг, который содержит множество файлов HTML, а также стили CSS. Последний используется в файле CSS с именем 'styles.css' в статической папке. Когда я запускаю проект, изображения отображаются, но это...

Я пытаюсь добавить цвет в другой элемент с атрибутом данных в моем CSS, но Doen не работают ...

Я следую над этими инструкциями:

Функция ATTR (). /> html

Blaablaaablaaa

Blablaablaaa

css

.bgborder {
display: block;...

Это похоже на HTML Table CSS Color только для текста, а не для границы?, но я использую чередующиеся цвета:

table {
border-collapse: collapse;
border-style: solid;
border-width: thin;
}

td,
th {
border-style: solid;
border-width: thin;...

У меня есть следующая структура HTML (упрощенный вывод JSX):

Developer III - Full Stack Web Development

at

UST Global

, since Dec ‘25

Проблема заключается в том, что это отображается как -
Developer III - Full Stack Web Development...

Название в значительной степени подводит итог. Я получаю ужасную производительность, когда я имею дело с множеством небелекционируемых элементов на странице, и я пытаюсь реализовать систему Drag'n Drop. />body
{
-moz-user-select: none;...

Мне нужно использовать макет сетки, но также нуждается в горизонтальной линии, разделяющей каждую строку. /> .wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 100px);
}

.box {
border-bottom: 2px solid...

const headerEl = document.querySelector('.header');

window.addEventListener('scroll', () => {
if (window.scrollY > 50) {
headerEl.classList.add('header-scrolled')
} else if (window.scrollY
/* Body */

body {
margin: 0;
padding: 0;
}

/* Header &...

То, что вы можете увидеть ниже, является чем-то, что я заметил недавно, и я ожидаю, что это будет связано с недавним обновлением Safari, потому что я никогда не замечал его раньше. На хроме радиус кольца рендесируется правильно, но на сафари...

Я хочу, чтобы изображение было нажатием, и отображало всплывающее окно при нажатии, но хотя я добавил атрибут onclick , когда я запускаю сервлет, изображение не кликабельно.
Я не получаю никаких ошибок, я просто не могу нажать на изображение. Я не...

Я хотел бы внести интерактивный график SVG в Wikisource. Существуют довольно строгие требования к формату, как указано в заголовке:

SVG может содержать встроенные стиль и элементы , но, кроме того:
нет,
javascript,

#main:has(#chkbox1)...

Итак, сейчас я отображаю список ошибок валидатора под матовым вводом, как это:

{{ control.label | translate }}

{{ FORM_ERRORS | translate }}

И это результат:
Я отображает сообщения, основанные на списке ошибок. ниже. Может, если...

Я работаю над преобразованием веб -приложения React в мобильный код Flutter, и у меня проблемы с простым. Я пытаюсь получить фон для приложения, но после конвертации его совсем не выглядит одинаково. gadeient1 {
background: radial-gradient(83.1%...

То, что вы можете увидеть ниже, является чем-то, что я заметил недавно, и я ожидаю, что это будет связано с недавним обновлением Safari, потому что я никогда не замечал его раньше. На хроме радиус кольца рендесируется правильно, но на сафари...