Как обрезать строку без фиксированной ширины используя flex?

Question

[hesy]

Можно ли как-то обрезать текст без фиксированной ширины внутри flex?

Работаю с Tailwind CSS.

Вот то что у меня есть, сейчас если добавить truncate в div с текстом, то текст растягивается во всю ширину из-за white-space: nowrap, если добавить фиксированную ширину например, w-24, то текст обрезается, но это вообще не то что нужно, то есть надо для каждого размера экрана подгонять этот размер и не всегда он будет вписываться корректно, а как сделать responsive размер не знаю, т.к. далек от верстки..

Answer 1

[Steppp]

на 16 строке

<div class="flex-1" style="width: 100%">

Comments

[hesy]

Это не помогло, но проблему вроде как решил заменив класс flex-1 на w-6/12 (width: 50%) в обоих блоках. Не знаю конечно на сколько такое решение верное

[Steppp]

Ок! Я бутстрап не знаю)
У тебя этот класс уезжал за экран, и появлялся скролл. И задав ширину в 100%, у меня нормально стало.
Только в верху с права за экраном, какое то слово уезжает %слово% ))) Не помню что там, да и вопрос не в этом был)

[fallus]

Да и зачем задавать width: 100%, если можно max-width: 100% задать и пойти гулять с друзьями лучшими шестьюдесятью.