一旦空间可用，立即开始重复
这是我迄今为止所用的笔。 我一直在使用CSS3但是我愿意使用其他方法，如果它能更好地工作：
.userAttributes > .attributeGroup > .favoriteArtistsAttr { max-width: 74%; animation: marquee 10s linear infinite; } @keyframes marquee { 0% { text-indent: 0; } 100% { text-indent: -100%; } } 我希望大帐篷能够在p结束时滑入框架的那一刻开始重复。 我还需要用一个mousover停止并且可以滚动（这个部分已经工作）。
我发现这个例子可以实现我想要实现的目标。 我注意到他们是通过复制内容来实现的，但是我无法让它正常工作。 我也想知道这是否是实现我的目标的最佳方式，也许最好使用javascript或一些jquery插件？ 我想确保它在所有浏览器上都能正常工作（在合理范围内）
我已经用你的’流派’标题更新了你最初链接的例子： http ： //codepen.io/anon/pen/oxEPeZ
我注意到你提供的标记有点不对，所以继续原来这就是发生的事情：
标题栏应该在它自己的单独div中。 我已将我的标题版本设置为浮动到选框div的左侧。
然后，选框div需要足够宽以包含所有文本 – 我将其设置为500px，因此当项目达到容器的最大宽度时，项目不会开始堆叠。
之后，您需要确保您的内容有两个跨度。 在您正在处理的链接中，每个项目列表只有一个段落标记。 这是它不重复的主要原因 。
所以现在，我们只为Genre部分的标记看起来像这样：
Genres: Electronic, Bluegrass, Classic Rock, Funk, Jam Band, Jazz, Classical Electronic, Bluegrass, Classic Rock, Funk, Jam Band, Jazz, Classical
我已经将选框和标题放入容器div并将其复制到最喜欢的艺术家….（这可以命名为什么，但我在这里做的是使用margin-bottom来创建每个项目下方的空间，而不是的标签）。 因为我们的第二个自动收录器具有更多内容，所以我添加了另一个名为“拉伸”的类，以使选取框更宽。
我知道我没有直接编辑你的小提琴对不起，但希望这有助于你摆脱困境。