Brechen Sie drei Wörter in drei Zeilen, wenn das Ansichtsfenster zu klein wird

Question

Gibt es eine native oder gute Browser-unterstützte Möglichkeit, ALLE Wörter einmal zu umbrechen, wenn das kleinere Ansichtsfenster zum ersten Mal einen Wortbruch auslöst?

Beispiel:

07/2015 bis 01/2016

ist lässt drei Worte sagen. Als Standard wird brechen, wenn das Ansichtsfenster kleiner im ersten Fall bekommt:

07/2015 zu
01/2016

und im zweiten Fall an:

07/2015
zu
01/2016

Ich versuchte mit Leerzeichen und unsichtbaren HTML-Zeichen, aber keinen Erfolg. Es sollte so aussehen, als würde beim zweiten Ereignis das erste Ereignisbeispiel nie passieren.

ich vergessen zu schreiben, dass ich es in einem Flexbox verwenden (Anzeige: flex;)

Answer 1

pls verwenden diese in Medien abfragt

.className {display: table-caption;}

`http://jsfiddle.net/zgKbg/` 

Answer 2

@media only screen and (max-width: 1024px) { 
.custDate{display:inline;} 
} 

@media only screen and (max-width: 768px) { 
.custDate{display:inline;} 
} 

@media only screen and (max-width: 320px) { 
.custDate{display:table-caption;} 
}