CSS - Страница 663

Единственное отличие здесь — родительский элемент, стили поддерева полностью одинаковы.
Grid вычисляет ширину первого элемента ( section с зеленым контуром) правильно, но flex устанавливает для него значение 0 и допускает переполнение (синий кружок...

Я нашел этот CSS-код, который позволяет мне сохранить соотношение сторон элемента div.

.container {
width: 100%;
height: 100%;
background-color: red;
position: absolute;
}

.wrapper {
width: 100%;
/* whatever width you want */
display:...

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

Пытаюсь добавить кнопку поиска (вверху справа/вверху слева), которая будет расширяться в следующей строке щелкните. См. кнопку поиска в правом верхнем углу...

Я пишу код веб-сайта с помощью приложения React и пытаюсь работать с импортированными изображениями. У меня есть функция переключения темы, с помощью которой я разрешаю пользователю переключаться между светлым и темным режимом. Меняю иконку с луны...

Этот вопрос задавался довольно много раз, но ни один из них мне не помог. Например:

Вес шрифта Google Fonts, равный 100, не работает. (В моей системе еще нет шрифта, который я хочу использовать.)
Почему не работает вес шрифта Google? (Я...

У меня возникли проблемы с пониманием того, как работает тег материализации CSS .

В обычных HTML-тегах select вы должны вставить name= Атрибут и для каждого параметра атрибут value= , который, похоже, отсутствует в материализованном CSS.

Этот код...

Вопрос для новичков: я пытаюсь заставить мои кнопки (т. е. .audiobutton) на странице index.html масштабироваться по ширине и высоте (но сохранять то же соотношение сторон) в соответствии с размером экрана. На данный момент кнопки (которые также...

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

В мобильном представлении я превращаю панель навигации в свертываемое меню, однако по какой-то причине код JavaScript не работает.
const hamburger = document.getElementById( hamburger );
const navLinks = document.getElementById( nav-links );
const...

У меня есть элемент div с contenteditable= true и два промежутка с contenteditble= false и user-select: all.
Теперь курсор нельзя поместить между этими двумя интервалами щелчком мыши.
Но если я изменю пользовательский выбор на «текст», он будет...

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

Я создал специальную кнопку воспроизведения в формате PNG, которая появляется, когда курсор наводится на миниатюру видео. Но теперь видео не кликабельно. Если я установлю для событий указателя значение «Нет», событие наведения не появится.
HTML:...

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

В Google Chrome 126 представлены переходы между представлениями между документами в CSS (исходный код) с помощью
@view-transition {
navigation: auto;
}

Теперь я хотел бы проверить поддержку браузера пользователя с помощью:
@supports (navigation:...

Каков официально одобренный способ минимизации и объединения js/css в Visual Studio?

До прошлого года Bundler и Minifier были способом, продвигаемым Microsoft. , но он заброшен, и у него есть серьезные проблемы с загрузкой.

Итак, какой в...

У меня есть угловой компонент, встроенный в приложение, над которым я имею ограниченный контроль, в контейнере, который имеет только высоту: 100%, при этом большинство родителей имеют высоту: наследовать или 100%, поэтому он может расти бесконечно....

Я хочу обвести другое веко контуром (с классом «other_eyelid_outline») здесь:

function getRandomColor() {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i {
if (event.key === 's' || event.key === 'S') {
const headColor =...

Мне было поручено изменить данный код, использующий сетку CSS, на код, использующий макет CSS flexbox.
Это была заданная структура HTML:

something.jpg

Item 1

Price: €8

Details

something.jpg

Item 2

Price: €5/p>

Details

...(4 more...

Сейчас я работаю над шаблоном и пытаюсь расположить элементы с соблюдением следующих требований:

Заголовок должен соответствовать top должен быть центрирован по горизонтали, с интервалом между H3 и набором ссылок .
должен быть центрирован по...

Можно ли показать альтернативное изображение, если исходный файл не найден?
Я хотел бы добиться этого только с помощью css и html, без javascript (или jQuery и тому подобного).
идея состоит в том, чтобы по-прежнему показывать изображение вместо...

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

Я работаю над функцией, при которой нажатие на опцию в меню откроет модальное окно. Меню для отображения параметров имеет абсолютное положение, а модальный фон имеет фиксированное положение. Модальный фон также имеет класс flex justify-center...

Я хочу обвести другое веко контуром (с классом «other_eyelid_outline») здесь:

function getRandomColor() {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i {
if (event.key === 's' || event.key === 'S') {
const headColor =...

Я не вижу этой проблемы ни в одном другом браузере, который я тестировал (IE, Chrome, Opera), но всякий раз, когда я загружаю страницу с сервера, я вижу вспышку нестилизованного контента до применения CSS. .

Это происходит даже при последующих...

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