The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Text wrap in IE10 Flexbox
Right-o chaps, challenge time.
I have an issue with a client who is using IE10. For the most part the site works fantastic, with one issue.
I am using Flexbox to make some text look lovely and inline, but in IE10 the text does not wrap at all.
Wraps and looks right in every browser except IE10.
If there is a way for it to wrap, or target just IE10 for different styles then that would be lovely.
This is gonna sound silly but apparently setting flex-direction:column on the link corrects it.
The solution suggested in the answer to this SO question didn’t seem to work but the above seemed to when I emulated IE10.
Add max-width: 100%; to your child elements. It will wrap the content.