让文字在容器里无限循环轮播

要让文字在容器里无限循环轮播，可以使用CSS3的animation动画属性和@keyframes规则。具体步骤如下：

1. 首先，需要给容器设置宽度和高度，并且设置overflow为hidden，这样才能实现文字在容器内部滚动。

2. 然后，需要创建一个包含所有需要轮播的文字的子元素，并且将其设置为display:inline-block，让它们排成一行。

3. 接下来，使用@keyframes规则创建一个动画，让文字子元素在容器内部向左平移，平移的距离等于所有文字子元素的宽度之和，当平移完成时，将文字子元素的位置重置为容器的右侧。

4. 最后，将animation属性应用到文字子元素上，并设置动画的时间和循环次数，这样就可以实现文字在容器内部无限循环轮播。

下面是一个示例代码：

HTML代码：

<div class="container">
  <div class="text-wrapper">
    <span>Text 1</span>
    <span>Text 2</span>
    <span>Text 3</span>
    <span>Text 4</span>
  </div>
</div>

CSS代码：

.container {
  width: 300px;
  height: 50px;
  overflow: hidden;
}

.text-wrapper {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 10s linear infinite;
}

.text-wrapper span {
  display: inline-block;
  padding-right: 20px;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

在上面的示例代码中，容器的宽度为300px，高度为50px，文字子元素包含了4个span元素，每个span元素之间有20px的间距。动画的时间为10s，循环次数为无限次。这样就可以实现文字在容器内部无限循环轮播。