Подскажите, есть ли возможность используя флексы, сделать так что бы

Question

Подскажите, есть ли возможность используя флексы, сделать так что бы

красный текст занял все доступное горизонтальное пространство, обтекая иконку меню (как на скрине)? Что-то по типу древних флоатов?

У меня в голове одно единственное топорное решение: абсолютно спозиционировать иконку, но тогда существует вероятность, что текст будет за ней. А хотелось бы что бы текст понимал и при расширении учитывал в каком месте находится эта иконка

https://codepen.io/Xander_UZZZER/pen/YzeKapj?editors=1100

#css #frontend #html #programming #russian

0

29.04.2022

13 ответов

11 просмотров

ghosare

text-align:justify

0

29.04.2022

Bohdan Bida 🇺🇦

Флоаты не древние ни капли. Древний подход позиционирования с использованием флоатов

0

29.04.2022

Oleksandr Lukhanin Автор вопроса

Alex
Используй флоат

Т.е. флексами красиво решить эту проблему не получится?

0

29.04.2022

ghosare

ghosare
text-align:justify

Попробуй это.

0

29.04.2022

Иван Музыка

Bohdan Bida 🇺🇦
Флоаты не древние ни капли. Древний подход позицио...

+

0

29.04.2022

Bohdan Bida 🇺🇦

Oleksandr Lukhanin
Т.е. флексами красиво решить эту проблему не получ...

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

0

29.04.2022

Bohdan Bida 🇺🇦

ghosare
Попробуй это.

Обтекания не будет, просто по ширине станет

0

29.04.2022

Oleksandr Lukhanin Автор вопроса

ghosare
Попробуй это.

Не варик. Контейнер с текстом не расширяется, т.к. рядом див с иконкой

0

29.04.2022