Описание тега shape-outside
1
ответ
CSS shape-external и отзывчивый контент
Итак, я использую shape-outside: url(путь к изображению); в моем элементе figure, внутри которого есть img с тем же путем URL. Ширина рисунка выражается в процентах, поэтому он реагирует и меняет ширину в зависимости от ширины просмотра, но форма ос…
18 апр '21 в 11:48
1
ответ
Использование CSS для обтекания текста текстом и его работы как фонового изображения
Я использую shape-outside, чтобы придать сайту "журнальный" вид. На каждой странице есть новое изображение человека, и текст обтекает этого человека. Форма снаружи работает отлично и легко! Единственная проблема в том, что я не могу понять, как сдел…
14 май '21 в 01:42
0
ответов
Как «очистить» элемент вне фигуры, чтобы он не повлиял на элемент ниже
Я пытаюсь использовать и создать верхнюю область, в которой контент обтекает изображение. Это отлично работает. Проблема, однако, в том, что по какой-то причине он вырывается из контейнера, даже если применяется. Визуально это выглядит так, как будт…
18 май '21 в 09:31
1
ответ
CSS Shape-Outside выталкивает текст из рамки только в Chrome
Я использую shape-outside (граница) и clip-path (контент), чтобы иметь «треугольник» с текстом поверх фотографии. Safari и Firefox работают почти одинаково, но Chrome ведет себя странно (или, возможно, правильно?). Текст смещается за пределы поля и …
16 авг '21 в 18:43
0
ответов
Узлы рисования Graphics Paint C# [дубликат]
РЕДАКТИРОВАТЬ: Как активировать полосы прокрутки и сохранить рисунок после прокрутки, как в приложении Paint. Как видите, я рисую круг с радиусом 25 пикселей за пределами клиентского прямоугольника, но не могу прокручивать. using System; using Syste…
08 сен '21 в 21:45
1
ответ
Я хочу, чтобы он переместился за определенное время, но он сделает это немедленно
С кодом проблем нет. Я просто хочу установить время, чтобы он делал то, что он делает медленнее, но я не смог. Я просмотрел все в Интернете, но ничего не изменилось. Я не знаю почему, но время, которое я определил для перехода, не работает. Заранее …
27 дек '21 в 00:33
0
ответов
Отображение текста внутри фигуры в определенном месте
Я пытаюсь реализовать приложение, которое объединит текст и звук читаемого текста с функцией «чтения вместе»: строка читаемого текста выделяется. Кроме того, щелчок по определенной строке позволяет перейти к этой позиции в звуке. У меня есть програм…
28 дек '21 в 01:02
0
ответов
CSS: форма снаружи + перевод
При вставке элемента с изображением в виде формы вне маски и перемещении положения маска не перемещается, поэтому маска не работает должным образом. То же самое происходит при преобразовании контейнера вокруг. Я пробовал разные вещи, но пока это не …
18 мар '22 в 11:03
2
ответа
предотвращение переполнения в сетке с ячейкой, содержащей shape-outside
Я пытаюсь построить сетку, в которой в некоторых ячейках есть элементы, сочетающие форму снаружи с некоторым содержанием фраз. Форма треугольная (для простоты), отзывчиво заполняющая половину ячейки. Моя проблема в том, что содержимое фразы переполн…
18 окт '22 в 09:11
1
ответ
Обернуть текст внутри треугольников в гибком дизайне
Редактировать: я понял проблему: shape-outside должен быть родственным, а не дочерним элементом элемента, на который он хочет повлиять. Я решил переписать раздел в виде сетки (как было рекомендовано в комментариях, спасибо АХ!). Codepen обновляется,…
18 окт '22 в 15:29
2
ответа
Ширина зависит от ширины дочернего элемента и высоты содержимого
Я хочу создать наклонный поток текста, где ширина текстовой строки является известным значением. То, что у меня есть до сих пор, это код ниже: Проблема в том, что я хотел бы, чтобы всплывающие псевдонимы по бокам добавляли кширину и сделатьшире на ш…
23 фев '23 в 17:11
0
ответов
Вертикально центрировать текст и обрезать его по кругу в CSS
Я хотел бы нарисовать круг и поместить текст внутри. Чтобы использовать как можно больше места, я хотел бы обрезать текст по кругу (установить форму текста как круг). Но: если текст короткий, я бы хотел, чтобы он был вертикально центрирован внутри к…
24 июн '22 в 04:06
0
ответов
Можно ли сделать текст, оборачивающий фиксированную форму, прокручиваемым, чтобы, если он полностью выровнен, он автоматически перестраивался? (html/css)
Я хочу, чтобы поле было неправильной формы, фиксированной, чтобы при прокрутке вверх и вниз расстояние между словами автоматически корректировалось, чтобы соответствовать форме. для начала я попытался сделать квадрат, используя этот стиль в CSS, что…
29 ноя '22 в 23:37
0
ответов
Bootstrap CSS shape-outside не работает в Safari
Я пытаюсь обернуть текст вокруг фигур, и это хорошо работает в Firefox и Chrome. Однако в Safari это дает неверный результат. См. следующий код (лучше рассматривать в развернутом виде): В Safari текст не оборачивается вокруг треугольника. Если вы уд…
10 авг '22 в 18:13
0
ответов
Создание наклонного элемента div той же высоты, что и его родители
Это изображение баннера с двумя столбцами. Floated-div наклонен в одну сторону (как рисунок бритвы), см. рисунок ниже, и текст должен следовать выравниванию по левому краю с наклонной линией. Я использую shape-outside, чтобы текст выравнивался по на…
18 сен '23 в 14:47