Flex, Flex Wrap и Ellipsis ⇐ CSS

[Anonymous]

Я использую Tailwind, и я делаю очищаемые чипы для фильтрационного компонента. Но когда ширина слишком мала, я хочу, чтобы сделать эллипсис. < /P>

Код: Выделить всё

< /code>
и компонент: < /p>

class="flex gap-1 items-center bg-slate-50 rounded-full border border-slate-200 px-3 py-0.5"
@click="clearElement"
>
{{ filterName }}

{{ option.name }}

Я пробовал несколько решений, но я либо имею ширину, соответствующую содержанию или эллипсису, но до сих пор никогда оба.

Подробнее здесь: https://stackoverflow.com/questions/794 ... d-ellipsis