CSS - Страница 732

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

Я пытался сделать что-то подобное

document.addEventListener('DOMContentLoaded', function() {
const line =...

Скриншот CSS-кода с примером здесь. У меня есть контейнер со следующим CSS:
.container {
display: flex;
justify-content: center;
align-items: center;
}

.item-3 {
align-self: flex-end;
}

Используя свойство align-self, я могу переместить .item-3...

Есть ли умный и простой способ переместить элементы из нижнего левого угла в верхний правый угол?
Мое решение с display:grid слишком статично и имеет фиксированные столбцы и не более 10 предметов. Я ищу умное решение, которое работает с несколькими...

Я пытаюсь плавно закрасить элементы границы серым с помощью сглаживания CSS, но это ничего не дает, а толщина элементов составляет 1 пиксель.
код:
function greyBorder()
{
var elms
elms = Array.from(document.getQuerySelectorAll( .border ))
for (var...

Сейчас я изучаю Semantic UI Grid. Это очень здорово использовать, но у меня возникли некоторые проблемы с сетками. Ниже я создал две разные сетки, но не понимаю, почему между двумя сетками нет интервала, и не могу понять, как добавить интервал между...

Я создал сайт и сделал адаптивный дизайн. Но когда я открываю сайт на телефоне, меню в шапке не работает.
Прикрепляю файлы кода и изображение проблемы (знаю, что не добавлял логотип и некоторые фотографии на мой сайт)

введите здесь описание...

Я пытаюсь поместить этот блок в центр. Вот мой код:
Это CSS:
.login__body {
display: block;
text-align: center;
border: 1px solid lightgrey;
width: 400px;
height: 600px;
}

Вот код:
import React from 'react';
import './App.css';

function...

Мне нужно получить результат: фоновое изображение должно сжаться, чтобы заполнить весь экран, не меняя высоту; поэтому зависит от ширины устройства: ширина изображения = ширина устройства, а высота изображения всегда равна 746 пикселей.
ожидаемый...

У меня есть один элемент выбора PeoplePicker, который показывает отключенный тег ввода с заполнителем «Максимальное количество добавленных контактов».
Как мне выбрать его с помощью CSS, чтобы установить для него display:none?
Инструмент разработчика...

Изменить: я скорректировал CSS и JS, как было рекомендовано, и проблемы все еще возникали, пока я не переместил скрипт в нижнюю часть моего html-документа прямо перед закрывающим тегом body. Я предполагаю, что перед попыткой запуска скрипта он не...

У меня есть один такой html-файл, и тег p в моем браузере выходит за пределы тела
Body{
Width: 100%;
Height: 100vh;
}
P{
Width: 100%;
Padding: 10px 150px
}

эти отступы на 150 пикселей выходят за пределы тела.

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

Я использую скрипт mr.progz для масштабирования и панорамирования изображения. Я понял, как добавить значок png. Как сделать значок доступным для щелчка, чтобы открыть изображение во всплывающем окне, что-то похожее на поведение на картах Google?...

Я пытаюсь найти лучший способ выполнить несколько вычислений в таблице с 1 фиксированным вводом и 1 переменным вводом пользователя.
Таблица выглядит следующим образом:
/>Таблица
Мой код в HTML выглядит так:

Access Points

Access Point
Power...

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

Главная
Контакты
О...

Я использую код, в котором добавляю стрелку к кнопке
Button
.with-arrow:after {
content: '→';
}

Как указать программам чтения с экрана, что я не хочу, чтобы они читались?
На всякий случай я не могу изменять кнопки HTML.

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

Мой вывод в формате HTML должен быть следующим:

изображение должно быть слева
описание справа
описание справа li>
мета в правом нижнем углу под описанием.
Кроме того, изображение должно занимать 30 % от общей ширины, а высота изображения должна...

Как лучше всего обработать элемент, который должен оставаться в определенном месте, если ширина экрана > X, и оставаться в другом месте, если ширина экрана < X?
Пример:
Я хочу, чтобы левый столбец располагался под правым столбцом, если размер...

Создать форму сердца не проблема. Несколько примеров можно найти здесь:
Как создать форму сердца с помощью CSS?
Проблема этих решений заключается в том, что если вы хотите, чтобы форма сердца была кликабельной, вся Элемент HTML кликабельен (тег DIV...

Показывает фигурную скобку слева, но хотелось бы справа, но в любом случае это поможет.
Мне нужно несколько строк информации, а справа — фигурная скобка, закрывающая все строки. Затем справа — поясняющее предложение.
Я предпочитаю HTML и CSS, но я...

Я пытаюсь создать такую ​​страницу регистрации.

Я проверил исходный код, в нем используется дизайн Angular Material. Поэтому не смог понять, как это сделать, используя сам Matrialize.css.
Это похоже на Jumbotron в начальной загрузке. Но я думаю,...

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

/*.options {
display: flex;...

Родительский элемент div имеет значение «vertical-align: top;» и для дочернего элемента div установлено значение «vertical-align: middle», но дочерний элемент все еще выравнивается по верху. Как мне выровнять дочерний элемент по середине...

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

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

Я пытаюсь найти лучший способ выполнить несколько вычислений в таблице с 1 фиксированным вводом и 1 переменным вводом пользователя.
Таблица выглядит следующим образом:
/>Таблица
Мой код в HTML выглядит так:

Access Points

Access Point
Power...