CSS3 -ms-max-content in IE11

html css internet-explorer internet-explorer-11
István picture István · Apr 3, 2014 · Viewed 50.7k times · Source

We can set in CSS3 -moz-max-content (for Firefox) and -webkit-max-content (for Chrome, Safari) as width, but it seems -ms-max-content is not working in Internet Explorer (IE11).

Update: Here is a sample code:

Answer

Sandra Alvarez picture Sandra Alvarez · Aug 23, 2019

This works on IE11, Chrome and Firefox

instead of 

width: -moz-max-content;
width: -webkit-max-content;
width: -o-max-content;
width: -ms-max-content;

I used 

width: auto;
white-space: nowrap;

Related questions

Why is IE 11 not rendering :after element, showing css as crossed out in dev tools?

I have an angular app with two font icons in a given screen. These are rendered just fine in chrome, firefox and edge, but on IE 11 they do not display. The icons are to be rendered as the content of …

Read More
Flex-direction column makes flex items overlap IE11

I'm running into an issue using flexbox in IE11. When using flex-direction: column the flex-items overlap: In other browsers (chrome, safari) it looks like this: I've made a codepen to demonstrate the issue: http://codepen.io/csteur/pen/XMgpad What …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More