CSS - Страница 771

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

Мне нужно сделать такой макет:
png

Как видите, главное изображение смещено, а фон короче.
Мне удалось сделать это с помощью вложенных CSS-сеток и ' dummy' для добавления фона, но мне было интересно, есть ли более разумные способы, чем...

В своих проектах я использовал некоторые глобальные переменные CSS, такие как --space-unit, --header-height и другие.
И это выглядело так:

--space-unit: 10px;
--header-height: 70px;

@media (max-width: 991px) {
--space-unit: 7px;
--header-height:...

Введите здесь описание изображения
Почему мое фоновое изображение искажается?

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

Я пытаюсь сделать так, чтобы col-auto имел ширину, равную его содержимому, как описано в разделе «Автоматическое определение размера».
В моем фрагменте кода вы можете видеть, что у меня есть col-auto, который имеет вложенную сетку для своих дочерних...

У меня есть ситуация, когда мне нужно прокрутить элемент в область просмотра. Проблема в том, что я не знаю, какой элемент можно прокручивать. Например, в «Портрете» тело прокручивается, а в «Пейзаже» — это другой элемент (и есть другие ситуации,...

Я создаю чат-бота, используя Python и Streamlit. Я хочу, чтобы в чате сообщения пользователей отображались справа, а сообщения ботов — слева. Для этого я использую CSS с перестановкой строк, но размер текста и размер сообщения чата не меняются так,...

Я использую Material Snack Bar для отображения ошибок сообщений, и у меня возникли проблемы с настройкой цвета кнопки «закрыть» при наведении/активности. По сути, это машинописный код, в котором я использую собственный класс:
error: (e) =>...

Сейчас у меня есть преобразование 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;

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

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

Я новичок в PHP и начал работать над небольшим проектом. Я хочу, чтобы мой код был организован, поэтому я решил включить файл container.phtml в свой файл index.php. Поэтому, когда $page = 'login', он будет включать файлы login.css и login.phtml. Я...

Краткая версия: если я использую счетчик столбцов в своем CSS и печатаю страницу в PDF-файл, печатается только первая страница, независимо от того, сколько данных находится на веб-странице. Я использую этот CSS более двух лет, и совсем недавно он...

Я немного осмотрелся и ничего не нашел по этому поводу.
Если у меня есть абзац текста, есть ли способ, возможно, с помощью CSS3, постепенно изменить его? цвет текста при его попадании на страницу? Вместо того, как это делает градиент, потому что он...

Я пытаюсь создать модальное окно (flex Div), которое может увеличиваться или уменьшаться в зависимости от содержимого, теряя радиус границы, когда оно достигает полной высоты экрана (в мобильном представлении).
Я попробовал использовать Calc в...

Ошибка в следующем: когда мы открываем элемент поиска, вся страница становится непрокручиваемой. Важными настройками CSS являются:
.search-suggestions {
background: var(--color-surface-inverted);
width: 100%;
position: fixed;
top: 65px;
left: 0;...

Мой класс CustomerAuth не существует. Я проверил пространство имен и добавил это промежуточное программное обеспечение в kernel.php, но я столкнулся с ошибкой, например:
Целевой класс не существует.
И используйте Illuminate\ Поддержка\Фасады\Вид;...

По сути, я хочу изменить размер чакры. Опции поля выбора . я обнаружил, что это значок SLOT в элементах.
png

Я попробовал несколько вариантов. но ничего из этого не помогло.

сначала я попробовал использовать базовое свойство CSS,

{...

я пытаюсь использовать v-if для отображения двух кнопок в разных контейнерах на странице, в зависимости от размера экрана
есть ли способ изменить родительский элемент элементов в @media или способ использования размера экрана в v- если условие?
я...

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

Document

#shadow {
width: 100px;
height: 1px;
background: #ccc;
box-shadow: 0 0 10px red;
margin:...

Я пытаюсь добавить переход к HeroTitle и HeroBtn, но, похоже, он не срабатывает. Если я создаю console.log ''element.current'', он показывает, что стили были обновлены, но текущий элемент отображается по реакции, похоже, не меняется.
Я пытаюсь...

Мне нужно простое решение CSS, в котором я смогу закрепить заголовок в первом столбце и прокручиваемое тело. Я знаю, что есть похожие вопросы, например:
Пример 1 и Пример 2
Но все вопросы/Примеры, которые я искал, и м е ю т с л е д у ю щ и е о б щ и...

У меня есть код:

h3 {
display:flex;
flex-direction:column;
font-size:1.2rem;
}

.row-1 {
display:flex;
flex-direction:column;
font-size:1rem;
}

.row-1 > div {
display:table;
}

.row-2 {
display:flex;
flex-direction:column;
font-size:1rem;
}...

Пытаюсь протестировать мой класс WebSecurityAdapterConfig.class весной... компилятор запросил внедрить filterChainproxy, но после создания bean-компонента для SpringSecurityFilterChain() он возвращает неудовлетворенную зависимость, выраженную через...

Я пытаюсь добавить Content-Security-Policy в IIS на сервере Windows 2019. Я писал что-то подобное, но обнаружил, что иду по неправильному пути. В IIS я перехожу к заголовкам HTTP-ответа, нажимаю и помещаю «Content-Security-Policy» в имя и...

Я пытаюсь воспроизвести функциональность Jira, где я создаю «гаджет», и этот гаджет можно вставлять в доску, изменять его размер, перемещать и удалять.
(Для не- Знающие, почему это может быть полезно, подумайте о гаджете «Ганта». Существует...