Menu
I'm using white-space: nowrap combined with inline-block'd elements to create a horizontally scrolling box. For some reason, in IE, the white-space: nowrap is being ignored and items are wrapping.
940
If you want to prevent the text from wrapping, you can apply white-space: nowrap; Notice in HTML code example at the top of this article, there are actually two line breaks, one before the line of text and one after, which allow the text to be on its own line (in the code).
nowrap : Multiple whitespaces are collapsed into one, but the text doesn't wrap to the next line.
pre-line. Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks.
Found it! We were using word-wrap: break-word higher up. It seems that word-wrap interferes with white-space in Internet Explorer. Fix for this was to set word-wrap: normal on the element with white-space: nowrap.
184
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
