Css IE11和Safari上flexbox布局中的文本重叠
在使用IE11的flex布局中存在文本和高度问题 以下是想法: 我有3行内容。 如果我有大的内容,我有一个滚动条,如下所示: 镀铬-滚动条 但是,如果不使用IE11和Safari,则如下所示: IE-文本转义 代码如下:Css IE11和Safari上flexbox布局中的文本重叠,css,safari,internet-explorer-11,flexbox,Css,Safari,Internet Explorer 11,Flexbox,在使用IE11的flex布局中存在文本和高度问题 以下是想法: 我有3行内容。 如果我有大的内容,我有一个滚动条,如下所示: 镀铬-滚动条 但是,如果不使用IE11和Safari,则如下所示: IE-文本转义 代码如下: .header容器{ 最小高度:100%; } .header容器.wrapper{ 位置:绝对位置; 显示:块; 身高:100%; 宽度:100%; } .标题容器.包装器导航{ 身高:100%; 宽度:100%; } .收割台容器.包装器nav ul{ 身高:100%
.header容器{
最小高度:100%;
}
.header容器.wrapper{
位置:绝对位置;
显示:块;
身高:100%;
宽度:100%;
}
.标题容器.包装器导航{
身高:100%;
宽度:100%;
}
.收割台容器.包装器nav ul{
身高:100%;
宽度:100%;
保证金:0;
填充:0;
列表样式:无;
显示器:flex;
弯曲方向:立柱;
}
.收割台容器.包装器nav ul li{
边框顶部:1px实心#ccc;
文本对齐:居中;
显示器:flex;
弯曲方向:行;
柔性生长:1;
柔性流:行换行;
证明内容:中心;
对齐项目:居中;
对齐内容:居中对齐;
}
.集管容器.包装器nav ul li p{
保证金:0;
填充:10px 40px;
文本对齐:居中;
}
h1.标题
-
Lorem ipsum dolor sit amet,是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。
Lorem ipsum dolor sit amet,是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec.Lorem
ipsum dolor sit amet,是一位杰出的领导者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。洛勒姆
ipsum dolor sit amet,是一位杰出的领导者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。
-
Lorem ipsum dolor sit amet,是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。
Lorem ipsum dolor sit amet,是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec.Lorem
ipsum dolor sit amet,是一位杰出的领导者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。洛勒姆
ipsum dolor sit amet,是一位杰出的领导者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。
-
Lorem ipsum dolor sit amet,是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。
Lorem ipsum dolor sit amet,是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec.Lorem
ipsum dolor sit amet,是一位杰出的领导者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。洛勒姆
ipsum dolor sit amet,是一位杰出的领导者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者,他是自由主义者。在semper Consequeat est,eu porta velit mollis nec。
就狩猎而言
尽管Safari 9支持所有标准的flex属性,但Safari 8和更早版本需要供应商前缀
这是一种快速添加所有需要使用的前缀的方法
有关flexbox浏览器支持的详细信息,请参见此处:我认为解决此问题的方法是使用跨浏览器前缀和类似的东西 有用链接: -在这里,我发现Flexbox/Layout CSS支持流行浏览器 通过使用,我找到了解决方案 谢谢你,迈克尔