CODEWITHSUNDEEP
css
Ben Johnson
Ben Johnson

Reputation: 2632

white-space: nowrap is not working in IE in a horizontally scrolling box

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.

Upvotes: 13

Views: 10263

Answers (1)

Ben Johnson
Ben Johnson

Reputation: 2632

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.

Upvotes: 27

Related Questions