Html Safari浏览器中的内联块故障

Html Safari浏览器中的内联块故障,html,css,safari,responsive,display,Html,Css,Safari,Responsive,Display,我很难弄明白为什么只有在Safari上,在宽屏显示器上一些内联块偏离了直线。有些上升,有些下降。在这里你可以看到。我试过改变尺寸,但它一直在向上推动一些盒子类。任何帮助都将不胜感激,提前谢谢你 正文{ 背景颜色:灰色; } .外部{ 文本对齐:居中; } .盒子{ 显示:内联块; 颜色:白色; 字体系列:“Courier New”; 背景色:天蓝色; 宽度:250px; 高度:270px; 利润率:10px; -webkit过渡:背景色2秒缓变; -moz过渡:背景色2秒放松; -o-过渡:背

我很难弄明白为什么只有在Safari上,在宽屏显示器上一些内联块偏离了直线。有些上升,有些下降。在这里你可以看到。我试过改变尺寸,但它一直在向上推动一些盒子类。任何帮助都将不胜感激,提前谢谢你

正文{
背景颜色:灰色;
}
.外部{
文本对齐:居中;
}
.盒子{
显示:内联块;
颜色:白色;
字体系列:“Courier New”;
背景色:天蓝色;
宽度:250px;
高度:270px;
利润率:10px;
-webkit过渡:背景色2秒缓变;
-moz过渡:背景色2秒放松;
-o-过渡:背景色2s淡出;
过渡:背景色2s放松,变换.2s;
}
.box:悬停{
背景色:#4aa8ea;
}
.zoom{
宽度:50%;
身高:50%;
转换:转换2s,过滤2s;
利润率:10px;
}
.box:悬停。缩放{
-webkit过滤器:投影(5px 5px 5px#222);
过滤器:投影(5px 5px 5px#222);
-ms变换:比例(1.1);
/*IE 9*/
-webkit转换:比例(1.1);
/*狩猎3-8*/
转换:比例(1.1);
}
.centerImg{
左边距:自动;
右边距:自动;
}
.ttl{
背景色:黑色;
字体大小:粗体;
字体系列:monospace;
字体大小:20px;
}
.描述{
颜色:黑色;
宽度:100%;
身高:30%;
框大小:边框框;
单词包装:打断单词;
字体大小:10px;
填充:10px;
溢出:隐藏;
背景色:白色;
}
.包装纸{
-webkit列宽:150px;
列宽:150px;
身高:100%;
}

动物采集
看看所有的物种

猫头鹰 猫头鹰是一种非常迷人的夜间活动物种。它被认为是捕食者 猫 猫是狮子的后代。它能跳到13英尺高 巨嘴鸟 巨嘴鸟是一种来自巴西的奇异鸟类。它吃水果和蔬菜,被认为是食草动物。 巨嘴鸟 巨嘴鸟是一种来自巴西的奇异鸟类。它吃水果和蔬菜,被认为是食草动物。
您需要为所有内联块元素设置
垂直对齐
属性

.box {
    vertical-align: top;
}

你能说得更准确些吗?我看不到任何特定的问题我看不到任何问题,你能检查一下你在其他浏览器上是否也有问题吗?试着从JSFIDLE上看一下。它的响应更精确。你可以看到每个盒子在Chrome上上下移动@Temaniafifiit,但在safari@NoOorZ24上却看不到。如何解决此问题?尝试使用safari并打开fiddle@temaniafiff你这是什么意思?我不认为CSS中有内联块?我想他指的是垂直对齐:顶部;是的,很抱歉。修正了输入错误。它仍然在safari浏览器上运行,你知道如何解决这个问题吗@Dukedevil294这对我有用。我花了一段时间才找到这个解决方案。