小编h19*_*439的帖子
使用flexbox时,文本不会在IE 10中换行
我已经尝试了几乎所有我可以通过谷歌搜索找到的解决方案.
这些包括设置max-width为100%,将父元素设置为displayas block或flex,设置white-space为normal和播放,overflow但在我的情况下似乎没有任何效果.
无论如何,这应该是它应该是什么样子(实际上在IE 11,Firefox和Chrome中看起来像):
在IE 10上它看起来像这样:
.
body {
padding: 0;
margin: 0;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.flexContainer {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-direction: normal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; …3
推荐指数
推荐指数
1
解决办法
解决办法
583
查看次数
查看次数