How to cut text?

Good afternoon. Try to use
white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

in the block maximum width at 320px, but the text is not clipped. And I would like not just to trim but to cut the text into multiple lines. (How to specify that the text could be two lines high, and then he was circumcised)
.card__content {
 flex: 1;
 min-width: 0;
}
.card__content > h3 {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}


https://jsfiddle.net/pxn29zx3/

The output cuts off the block, but how to break it down into a few lines?
July 2nd 19 at 17:29
1 answer
July 2nd 19 at 17:31
Solution
https://jsfiddle.net/pxn29zx3/4/

for block pruning is necessary to specify the width
Yes, I have and cut. How to make, say, two lines? - Gwen.Dic commented on July 2nd 19 at 17:34
: https://jsfiddle.net/pxn29zx3/6/ - if white-space: nowrap; transfer only works when the clear br tag in the text - Henderson_Beat commented on July 2nd 19 at 17:37
: as option https://jsfiddle.net/pxn29zx3/7/ remove white-space: nowrap; and set an explicit height - Henderson_Beat commented on July 2nd 19 at 17:40
With height as strangely out. I'll try again with multiline some, but thank you - Gwen.Dic commented on July 2nd 19 at 17:43

Find more questions by tags CSSFlexbox