@Z-StyLe
front-end dev

Можно ли сделать обтекание текстом блока/изображения прижатого к нижнему левому углу?

Без проблем можно сделать обтекание текстом блока, который расположен в начале текста или его середине. Можно сделать обтекание с учетом сложных форм объекта (shape-outside). Можно даже постараться и сделать обтекание текстом блока, который прижат к правой нижней границе родительского контейнера.

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

Есть возможность решить эту задачу используя JS, можно решить с помощью CSS, но для текста фиксированной высоты (нужно знать высоту текста до верхней границы обтекаемого блока и высоту самого блока - https://jsfiddle.net/t1nghu7w

Но вот с поставленной задачей пока не знаю как справиться. Есть идеи как можно это реализовать?

Картинка, как примерно это должно выглядеть. Синее - обтекаемый блок, зеленое - текст разбитый на абзацы.
5da98a93510b5541967786.png

Большое спасибо за любую помощь и любые подсказки )
  • Вопрос задан
  • 99 просмотров
Пригласить эксперта
Ответы на вопрос 1
Lord_Dantes
@Lord_Dantes
t.me/blackstreet69th - заходите тут норм музон :З
Оффтоп
Текст выше дали вам как задание сто процентов.

Ответ: Используйте для обтекания float:left;
Подробнее: htmlbook.ru/css/float
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы