Как ограничить перенос блоков в flex-wrap?

Question

[Дмитрий]

Видео:
https://www.dropbox.com/s/wbt7e6ffkvwwewn/Record_2...

Есть такой блок с параметором flex-wrap, текст снизу имеет ширину 100%, по этому он переносится. Проблема в том что при клике переносится и год, и за того что стрелка увеличиваеться в размерах до 100%, так вот, можно как-то ограничить flex-wrap переносом только последнего блока.

! Важно ( текст "2004" может иметь разный контент, например "2004-2005" по этому ограничить расшириение стрелки до какого-то определёного процента не получеться )

Comments

[Lynn «Кофеман»]

Вы б лучше html и css показали. Где-нибудь на codepen

Answer 1

[anon67111]

Сделать эту линию и дату двумя разными элементами внутри одно родителя с параметром display: flex и flex-wrap: nowrap, но параметр flex установи лишь у элемента с линией, а для второго не устанавливай, таким образом элемент с линией должен дойти до максимума т.е. до начала следующего элемента, а элемент с текстом остаться в правом краю.

а вообще лучше прикрепить код.