CSS - Страница 796

хочу добиться этого, но получаю усадку каждый раз после добавления гибкого дисплея, если я удалю свойство flex, тогда оно будет работать правильно, я также пробовал flex-shrink, но у меня это не сработало
https:/ /i.sstatic.net/yiNMM0w0.png

Я...

У меня возникли проблемы с пониманием CSS, необходимого для стилизации внутри при использовании «печатного» носителя.
Он отлично работает на экране, но я не могу получить подчеркивание в документе PDF.
В примере ниже подчеркиваются только абзацы...

Недавно я заметил, что :focus-within можно полностью заменить на :has(:focus). Что мне кажется интересным, так это то, что они оба были добавлены в спецификацию уровня 4, так есть ли между ними разница, которую я пропустил?
Читая MDN, я нашел одно...

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

Я пытаюсь создать поле ввода мобильного телефона с номером мобильного телефона и кодом страны, разделенными разделителем, или просто кодом страны, зафиксированным в поле, но не могу этого сделать.
Что-то вот так:
( для этого не нужен флаг или что-то...

По какой-то причине на Iphone класс form-control в поле даты нарушает вывод. Это происходит как в Safari и Chrome, так что это явно проблема Iphone.
.sstatic.net/yrvigeV0.png

With FC:

Without FC:

Это ошибка или мне нужно что-то...

Я хочу создать эффект выделения, напоминающий выделение пером. то есть у него волнистые верх и низ, а также неровные начало и конец, как на этом рисунке.
net/Wkiff.png

Как лучше всего сделать это в CSS? Есть ли способ сделать это без...

body {
background-color: hsl(210, 46%, 95%);
font-size: 13px;
font-family: Barlow Semi Condensed , sans-serif;
height: 100vh;
}

svg {
position: absolute;
justify-self: right;
padding-right: 20px;
}

.attribution {
font-size: 11px;
text-align:...

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

У меня есть компонент для главной части каждой страницы, но его содержимое и высота отличаются.
export default function Hero({
height,
children,
}: {
height: string;
children: ReactNode;
}) {
return (
className={`flex flex-col h- py-1 bg-red-400...

Принятые меры:
Убедились, что CSS-файлы правильно связаны в HTML.
Проверили разные браузеры, чтобы проверить, сохраняется ли проблема.
Использовали инструменты разработчика браузера. чтобы проверить элемент и убедиться, что стили не применяются....

Я хочу, чтобы мое встроенное видео занимало определенную часть высоты экрана, но сохраняло исходное соотношение сторон по ширине.
В настоящее время у меня есть style= height: 40vh и кажется, что высота правильная, но видео сжимается в квадрат вместо...

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

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

Microsoft Edge недавно добавила новый значок при наведении (визуальный поиск) ко всем изображениям определенного размера на веб-странице (кажется, он отображается для всех изображений выше ~180 пикселей).
Пользователь может удалить его в настройках...

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

Я использую видеоплеер HTML5, и он работает, но с правой стороны отображается граница в 1/2 пикселя.
Я уже проверил, произошло ли это, потому что мы с самим видео пытались установить

border:solid 0px black;

но это не помогло.

Мой текущий...

Может быть глупый вопрос.
Это то, что у меня сейчас есть

Ожидайте, что высота 3 может меняться в зависимости от его содержимого и высоты правые элементы 1, 2, 3 и т. д. имеют разную высоту. Есть ли способ, чтобы элементы 4 и ниже (которые ниже 3)...

Используя jQuery, я хотел бы отключить прокрутку тела:

Моя идея:

Задать тело{ переполнение: скрыто;
Зафиксировать текущий элемент ScrollTop();/scrollLeft()
Привяжите к событию прокрутки основного текста, установите для ScrollTop/scrollLeft...

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

Может кто-нибудь объяснить мне разницу в переходе позиционных свойств left или right или -transform: TranslateX(n), поскольку оба, кажется, достигают одного и того же но может применяться независимо. Я понимаю возможность аппаратного ускорения, но...

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

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

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

У меня есть кнопка, которая отлично работает во всех браузерах, кроме Safari. Она расположена в самом нижнем левом углу, и когда я перехожу на страницу моего сайта с оглавлением (слева), кнопка визуально исчезает, но все еще работает. Кнопка...