IE10でdisplay:flexboxを使用しているときに文字が折り返されず横にはみ出る

IE10でdisplay:flexboxを使用しているときに文字が折り返されず横にはみ出る現象が発生します。

この現象は、IE10のみflex-shrinkの初期値に不具合がありこのような現象が発生します。

この問題を解決するには、-ms-flex-negativeまたは-ms-flexを設定することで解決できます。