обернуть текст вокруг изображения или фигуры с обеих сторон

Question

Как получить текст, обернутый вокруг произвольно расположенного изображения или фигуры в пределах одного блока текста?

_{изображение свойство https://www.sarasoueidan.com/blog/css-shapes/}

---

Обратите внимание, что я не ищу решение, которое включает отдельные столбцы текста, такие как this который использует влево / вправо float с shape-outside.

Answer 1

На данный момент это поведение не поддерживается , однако есть черновик для него.

Дополнительные сведения:
https://css-tricks.com/exclusions-will-hopefully-be-like-more-powerful-grid-friendly-floats/
https://www.sarasoueidan.com/blog/css-shapes/
https://drafts.csswg.org/css-exclusions-1/

CSS Исключения Модуль Уровень 1

Черновик редактора, 16 января 2020

CSS Исключения определяют произвольные области, вокруг которых может течь встроенное содержимое.

---

CSS Shapes Module Уровень 2

Обратите внимание, что также было свойство shape-inside, которое можно было бы использовать в качестве обходного пути с правильным полигоном, но его поддержка была удалена и реализация отложено до https://drafts.csswg.org/css-shapes-2/. Так что сейчас можно использовать shape-outside только с элементом float.

_{свойство images https://www.sarasoueidan.com/blog/css-shapes/}

Исходная спецификация Shapes включала свойство shape-inside для создания фигур внутри элемента. Это свойство, наряду с возможностью создания фигур на неплавающих элементах , было перемещено на уровень 2 спецификации. Поскольку свойство shape-inside изначально находилось на уровне 1 спецификации, в Интернете вы можете найти учебники, в которых подробно описаны оба свойства.
~ MDN