CSS:Safari中的多列布局将文本分开

CSS:Safari中的多列布局将文本分开,css,safari,css-multicolumn-layout,Css,Safari,Css Multicolumn Layout,我对Safari(9.0.1)和在多个列上显示文本有问题:它只是水平地将行(!)分开,这样升序保留在上一行(底部),其余的字母显示在新列的顶部(请参见随附的屏幕截图)。这种行为使得列功能基本上无用。同时,Firefox(42.0)和Chrome(47.0.2526.80)完全可以使用CSS 这是Safari特有的问题吗?我是做错了什么还是我的系统出了问题 还有(另外):Webkit浏览器以不同方式计算是否正常?在1280px宽的显示器上,Firefox最多可显示4列(4x(300px+2x10p

我对Safari(9.0.1)和在多个列上显示文本有问题:它只是水平地将行(!)分开,这样升序保留在上一行(底部),其余的字母显示在新列的顶部(请参见随附的屏幕截图)。这种行为使得列功能基本上无用。同时,Firefox(42.0)和Chrome(47.0.2526.80)完全可以使用CSS

这是Safari特有的问题吗?我是做错了什么还是我的系统出了问题

还有(另外):Webkit浏览器以不同方式计算是否正常?在1280px宽的显示器上,Firefox最多可显示4列(4x(300px+2x10px)),而Webkit浏览器只能显示3列(当将列宽减小到296px时,它们确实会显示4列,尽管总计为1264px)

编辑:我添加了另一个分布在不同列上的全文截图,并添加了问题标记

html{
溢出:显示;
}
.集装箱{
宽度:100%;
填充:0;
保证金:0;
边界:0;
}
.内容{
保证金:0自动;
显示:块;
填充:0 10px;
-moz列宽:300px;
-webkit列宽:300px;
列宽:300px;
-moz柱间距:20px;
-webkit柱间隙:20px;
柱间距:20px;
列填充:平衡;
}

标题
呃,这是一个秘密。这是我的内脏。你是不是想让我的孩子和孩子们在我的家庭生活中长大?杰拉德·杰兹,你是我的朋友,你是我的朋友!
Lorem ipsum dolor sit amet,是一位杰出的献身者。颞叶悬钩子。欧洲的奥迪奥·朗卡斯、莫莱斯蒂·萨皮恩·埃吉特、亨德雷特·艾利特。我在一个酒杯上喝了一杯。整只狮子座的狮子座,坐在沙发上。不要用非智人的食物。拉奥里特·阿利奎姆·利奥,我的前庭有两个房间。猫科动物之路,马莱苏亚达·ac·康格·奎斯(malesuada ac congue quis),安全等级。毛里斯·伊德·特里斯蒂克·杜伊(Mauris id tristique dui),马莱苏达·埃尼姆(quis malesuada enim)。库拉比图尔·内克·夸姆,佩伦特斯式自由主义者,阿利夸姆·马莱苏达·利古拉

在faucibus中,Interdum和malesuada在第一次同侧前就出名了。这是一个巨大的缺口。妊娠期妇女的生活,不需要额外的知识。佩伦茨克是一个无名氏,维韦拉是一个酒后驾车者,发酵期孕妇是一个酒后驾车者。这是一种新的生活方式。这是我的名言,是我的信仰。但是,我的心,我的心,我的心,我的心,我的心。Etiam ac viverra lectus,在孕妇orci中。绿僵菌属(Phasellus aliquam sapien vita porttitor pat)

欧罗巴语是山姆家族的成员。这是一个神话。科学、音乐、体育等,美国利托欧罗巴音乐节。黎族语言在黎族语法、黎族发音和黎族共同词汇方面存在差异。11月通用语的全方位直接需求:关于持续不断的payar custosi贸易。在solmen va esser necessi,语法非常统一,发音e加上假释。马权德语汇,李语法的结果语汇加上简单的规则语汇。欧洲现有的通用语言加上简单的规则语言。它是西方式的,事实上,它是西方式的。黎族语言在黎族语法、黎族发音和黎族共同词汇方面存在差异。11月通用语的全方位直接需求:关于持续不断的payar custosi贸易。在solmen va esser necessi,语法非常统一,发音e加上假释

Lorem ipsum dolor sit amet,是一位杰出的献身者。颞叶悬钩子。欧洲的奥迪奥·朗卡斯、莫莱斯蒂·萨皮恩·埃吉特、亨德雷特·艾利特。我在一个酒杯上喝了一杯。整只狮子座的狮子座,坐在沙发上。不要用非智人的食物。拉奥里特·阿利奎姆·利奥,我的前庭有两个房间。猫科动物之路,马莱苏亚达·ac·康格·奎斯(malesuada ac congue quis),安全等级。毛里斯·伊德·特里斯蒂克·杜伊(Mauris id tristique dui),马莱苏达·埃尼姆(quis malesuada enim)。库拉比图尔·内克·夸姆,佩伦特斯式自由主义者,阿利夸姆·马莱苏达·利古拉

在faucibus中,Interdum和malesuada在第一次同侧前就出名了。这是一个巨大的缺口。妊娠期妇女的生活,不需要额外的知识。佩伦茨克是一个无名氏,维韦拉是一个酒后驾车者,发酵期孕妇是一个酒后驾车者。这是一种新的生活方式。这是我的名言,是我的信仰。但是,我的心,我的心,我的心,我的心,我的心。Etiam ac viverra lectus,在孕妇orci中。绿僵菌属(Phasellus aliquam sapien vita porttitor pat)


我不明白你在截图中所说的“撕裂”是什么意思?第二栏,第一行:只有部分实际文本。其余部分位于上一列的底部。它将线水平分开。当在某些点调整窗口大小时,它会突然工作正常,在几个像素后,它会再次将其撕裂。