我创建了一个简单的用户控制的轮播,但每次滚动时,当前显示的部分不对齐约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像素宽。
由于
答案 0 :(得分:0)
将font-size: 0;
添加到.profileService_profileDescriptors
类(并从.beautySection
中删除边框样式)。