Javascript 我的列之间的白色间距可以'；t使用css覆盖它，并且可以'；我看不到上面的css显示空间

我有一组柱子，我在它们之间滑动，但当我把它们排列成我小提琴中的样子时，我在它们之间找到了一个空间

，我如何才能摆脱这种间距，使它们彼此相连

$（文档）.ready（函数（）{
jQuery（“#切换器1”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“0px”}）；
});
jQuery（“#切换器2”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-198.4px”}）；
});
jQuery（“#切换器3”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-396.8px”}）；
});
jQuery（“#切换器4”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-595.2px”}）；
});
jQuery（“#切换器5”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-793.6px”}）；
});
jQuery（“#切换器6”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-992px”}）；
});
jQuery（“#切换器7”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-1190.4px”}）；
});
jQuery（“#切换器8”）。单击（函数（）{
jQuery（“.middle wrap”）.animate（{左：“-1388.8px”}）；
});
});
。外包装{
溢出x：隐藏；
位置：相对位置；
最大宽度：1050px；
最小宽度：1050px；
保证金：0；
填充：0；
高度：450px；
背景色：#fff；
-webkit边界半径：5px；
边界半径：5px；
边框：1px实心#e3；
显示：内联块；
背景色：#fff；
边框顶部：1px实心#e3；
过渡：所有50ms均易于输入输出；
}
.中间包{
位置：相对位置；
最大宽度：1890px；
左：0px；
保证金：0；
填充：0；
高度：450px；
最小宽度：1890px；
}
.内包装{
显示：内联块；
最大宽度：210px；
最小宽度：210px；
右边框：1px实心#e3；
垂直对齐：顶部；
边界：无；
保证金：0；
填充：0；
身高：100%；
/*浮动：左*/
}
.年表{
背景色：黑色；
}
.列清单{
背景色：红色；
}
.model_列表{
背景颜色：海蓝宝石；
}
.body_风格{
背景颜色：蓝色；
}
.传输{
背景色：暗色；
}
.选项{
背景色：深灰色；
}
.售后市场_修改{
背景色：暗绿色；
}
.里程{
背景色：暗色；
}
.车牌{
背景色：达克朗格；
}

见第1部分
见第2部分
见第3部分
见第4部分
见第5部分
见第6部分
见第7部分
见第8部分
在
中取消注释
浮动：左
。内包装
样式

取消注释
float:left
在
中。内包装
样式

由于您的
显示：内联块
，块元素之间会出现空白

有许多相同的解决方案，请参阅

在这里，我更愿意使用
float
而不是
display:inline block

检查更新的小提琴：
由于
显示：内联块
，块元素之间会出现空白

有许多相同的解决方案，请参阅

在这里，我更愿意使用
float
而不是
display:inline block

选中更新的fiddle:
如果必须使用display:inline块，则要删除元素之间的空白，可以设置

font-size: 0 

对他们来说

请参阅更新的小提琴：

您会注意到我只是将其放在所有嵌套的div上。
如果必须使用display:inline block，则要删除元素之间的空白，可以设置

font-size: 0 

对他们来说

请参阅更新的小提琴：

你会注意到我只是把它放在所有嵌套的div上