CSS - Страница 18

Можно ли с помощью flexbox выровнять два элемента по левому краю и один по правому? По ссылке это показано более наглядно. Последний пример — это то, чего я хочу достичь.

Во flexbox у меня есть один блок кода. С плавающей точкой у меня есть четыре...

Предположим, что у вас есть div в html-шаблоне какого-то компонента:

Как заставить CSS-функцию repeat() работать в этом сценарии?

У меня такая проблема. У меня есть 3 строки текста и многоточие. Мне нужны слова целиком, а не вырезать их, но если я добавлю пробелы, строка преобразуется только в 1. Любая помощь? есть ли проблема совместимости? Скрипка:

.clinic-description {...

У меня есть элемент div, содержащий динамический текст.

Я не задавал высоту элемента div, поэтому его высота полностью зависит от длины текста.

При нажатии кнопки текст внутри элемента div меняется.

Я хочу иметь плавную анимацию...

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

Вот созданный мною W-образный SVG.

путь { обводка: черный; заливка: нет; ширина штриха: 2; /*...

В этом repl.it НЕБО (сгенерированное скриптом) блокирует ЗЕЛЕНЫЙ БЛОК и ПЕРСОНАЖА.

Желаемый результат: чтобы «небо» и «земля» находились ЗА персонажем и зеленым блоком.

Может кто-нибудь объяснить, почему это происходит и как это решить? Я...

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

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

Я много раз пытался добавить это в чат gpt, поэтому появлялись странные комментарии, но проблема не устранена. Как я могу...

Не уверен, что заголовок достаточно информативен, но на данный момент у меня есть следующее:

с HTML и CSS:

.test-outer { дисплей: сетка; столбцы шаблона сетки: 1fr 1fr; зазор между столбцами: 1рем; } .test-left { цвет фона: аквамарин;...

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

У меня вопрос

У меня есть поле ввода, в котором для оформления используется Tailwindcss, как показано на рисунке.

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

Может кто-нибудь помочь,...

Я новичок в HTML и CSS и изучаю HTML для чайников.

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

div#iframe-wrapper iframe { позиция: абсолютная; верх: 0; внизу: 0; слева: 0; маржа: авто;...

Этот элемент встроен в мой сайт Google. Чтобы индикатор выполнения правильно отображался на мобильном сайте, мне нужно перетащить контейнер до огромных размеров, иначе при просмотре с мобильного устройства появятся полосы прокрутки. Но в настольном...

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

Обновление:...

Как стилизовать внедренные элементы в макете Astro, используя простой CSS с попутным ветром.

Минимально воспроизводимый пример:

/src/layouts/PostLayout.astro

/pages/somepage.mdx

--- макет: ../layouts/PostLayout.astro --- # Заголовок 1...

Вопрос: У меня возникла проблема с макетом, связанная с переполнением, фиксированными и прикрепленными элементами в мобильном режиме. Вот сценарий:

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

У меня есть большой абзац текста, разделенный на подабзацы с помощью
:

Бла бла бла.
Бла бла бла. Бла бла бла. Бла бла бла.
Бла бла бла.

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

В настоящее время мне известно, что в правом нижнем углу элемента div со свойством css появляется дескриптор изменения размера:

изменяемый размер: по горизонтали;

Я не уверен, что это касается только браузера, но в Firefox дескриптор появляется...

Если я использую **6 слайдов ** и slidesPerView: 3 , все работает нормально, но если 5 слайдов и slidesPerView: 3 , тогда остановка после последнего слайда не зацикливается

var swiper = new Swiper('.swiper-container', { направление:...

Я пытаюсь добавить ссылку в кнопку-аккордеон и сделать так, чтобы можно было нажимать только на стрелку для свертывания

Я добавил следующий CSS, чтобы сделать стрелку доступной только для кликов. Но изо всех сил пытаюсь заставить ссылку в...

текст должен появляться при прокрутке страницы вниз, как показано на рис.2

рис.2

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

Я искал легкое, гибкое, кроссбраузерное решение для доступа к медиа-запросам CSS в JavaScript, без повторения значений точек останова CSS в коде JavaScript .

CSS-tricks опубликовали решение на основе анимации CSS3, которое, похоже, сработало,...

Я пытаюсь использовать API типизированной объектной модели CSS (CSS Typed OM) в JavaScript для управления значениями CSS, в частности с использованием переменных CSS в выражениях. Вот что я пытаюсь сделать:

const x = CSSNumericValue.parse(...

У меня есть панель навигации, которая занимает всю ширину на рабочем столе, но на мобильном устройстве ее нет

HTML:

Журнал разработки