尽管数字正确,但滚动条内的元素未对齐

时间:2016-12-16 18:01:45

标签: javascript html css

我创建了一个简单的用户控制的轮播,但每次滚动时,当前显示的部分不对齐约4.5px。

它的工作原理是收集它所连接的父容器中的所有直接祖先<section>标记,在每个display: inline-block上设置<section>并创建每个<section>的宽度同样的。

通过将<section>容器的margin-left属性设置为负N * W来实现滚动,其中N是滚动的<section>个标签的数量,W是每个<section>的宽度{ 1}}。

padding代码和容器的margin<section>属性已设置为0.

导致这种情况的原因是什么?

JSFiddle:https://jsfiddle.net/835kxb2w/ - 我已为<section>标签添加了边框,以使问题更加明显。

另外,我认为是一个相关的问题(与模板中的空白剩余部分有什么关系?),最后一节打破了新的一行。尽管<section>容器正好是N * W像素宽。

由于

1 个答案:

答案 0 :(得分:0)

font-size: 0;添加到.profileService_profileDescriptors类(并从.beautySection中删除边框样式)。

Reasoning here