Почему текст не обрезается с помощью CSS с использованием flexbox?

Question

[Алексей]

Всем привет! Не могу заставить текст обрезаться с помощью CSS, при сужении области, и при этом использовать резиновый Flexbox для родительских блоков.

https://jsfiddle.net/ar6snL4g/1/

Answer 1

[Артём Ведищев]

Попробуй так: https://jsfiddle.net/ar6snL4g/4/
Исправиления .content {width: calc(100% - 200px); ...}

Comments

[Алексей]

Спасибо, вродь работает... Но это нормальный способ или таки костыль?

[Артём Ведищев]

Я думаю лучше так
https://jsfiddle.net/ar6snL4g/5/
или так
https://jsfiddle.net/ar6snL4g/6/
Смотря какой макет

Answer 2

[Алексей Скляров]

Потому что для родительского блока надо добавлять:flex-direction:row;justify-content: center;

Comments

[Алексей]

Это никак не помогло...

[Алексей Скляров]

Евгений: делал на том же фидле, блок по центру сужается, тест скрывается постепенно.

[Алексей]

Вот так получается... Но это явно не то... https://jsfiddle.net/ar6snL4g/2/