Некоторые техники обтекания текстом, которые используются в дизайне интерфейсов:
- Обтекание по контуру. 4 Текст аккуратно повторяет форму объекта. 4 Например, для небольших иллюстраций подойдёт обтекание по контуру, а для больших изображений — обтекание с отступом, чтобы избежать слишком плотного расположения текста. 4
- Использование свойства float в CSS. 14 Устанавливая для изображения значение float: left или float: right, можно настроить отступы с помощью margin. 1
- Обтекание вокруг изображений нестандартной формы. 1 Для этого используется свойство shape-outside. 1 Оно даёт возможность создавать различные текстовые формы, используя для этого круги, эллипсы и многоугольники. 1
- Контроль над переполнением. 1 Чтобы предотвратить наложение текста на изображение, используется overflow: hidden, что позволяет контролировать распределение абзацев. 1