Dav*_*ham 5 css internet-explorer flexbox
我正在尝试使以下示例在 IE 11 中工作:https : //dojo.telerik.com/ariSElEj
我的CSS:
.wrapper {
display: grid;
grid-template-rows: repeat(6, 100px);
grid-auto-flow: column;
grid-auto-columns: 33.3333%;
}
* {box-sizing: border-box;}
.wrapper {
border: 2px solid #f76707;
border-radius: 5px;
background-color: #fff4e6;
}
.wrapper > div {
border: 2px solid #ffa94d;
border-radius: 5px;
background-color: #ffd8a8;
padding: 1em;
color: #d9480f;
}
Run Code Online (Sandbox Code Playgroud)
IE 11 只是忽略 CSS 并显示 1 列。
有没有办法在 IE 中使用这种布局,而对 CSS 的改动很小?或者,有没有人像这个例子那样建议“浏览器特定的 HTML” - >如何显示浏览器特定的 HTML?