Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用flex box在IE中未包装文本_Html_Css_Internet Explorer_Flexbox - Fatal编程技术网

Html 使用flex box在IE中未包装文本

Html 使用flex box在IE中未包装文本,html,css,internet-explorer,flexbox,Html,Css,Internet Explorer,Flexbox,在chrome中,flex框工作正常,我必须将图像和文本并排对齐,我使用了flex。但在IE中,文本没有结束 当我选中需要为子div添加100%的宽度时,因为我有一个div用于图像,另一个div用于内容,我应该在哪里添加100%的宽度,我尝试了另一个flex:1或flex-basis:100%的解决方案都不起作用 请看代码 .students部分>div:最后一个孩子{ 页边距底部:0; } .学生货柜{ 显示器:flex; 对齐项目:居中; 边缘底部:20px; } .student容器。s

在chrome中,flex框工作正常,我必须将图像和文本并排对齐,我使用了flex。但在IE中,文本没有结束

当我选中需要为子div添加100%的宽度时,因为我有一个div用于图像,另一个div用于内容,我应该在哪里添加100%的宽度,我尝试了另一个flex:1或flex-basis:100%的解决方案都不起作用

请看代码

.students部分>div:最后一个孩子{
页边距底部:0;
}
.学生货柜{
显示器:flex;
对齐项目:居中;
边缘底部:20px;
}
.student容器。student left容器。student img容器{
宽度:120px;
高度:自动;
右边距:10px;
}
.student容器。student left容器。student img容器img{
最大宽度:100%;
最大高度:100%;
}

Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem
益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智

哪个版本的IE?IE 10和IE 11怀疑这是否重要,但IE处理flex默认值的方式不同。尝试添加flex:0自动;我去检查时,这台人力车坏了。有些人说为子div添加100%的宽度,但是在这种情况下,我应该在哪里添加宽度:100%我刚刚用您的代码创建了一个页面,它在IE中工作得非常好,错误在其他地方。