html - html表格内的自动滚动文本

Question

有没有办法让html表格单元格中的文本自动滚动，比如股票或新闻行情？我已经看到一些使用 CSS 来实现类似旧的已弃用选取框标记的效果的示例，但似乎两者都不能在表格中工作。我知道允许用户使用滚动条浏览文本的单元格溢出的 CSS 解决方案，我特别想知道是否可以在没有用户任何输入的情况下自动执行此操作。

Answer 1

你可以用@karthik 的评论来做 table ，使用 divs 更容易在我看来。

.tech-slideshow {
  height: 200px;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow>td {
  height: 200px;
  width: 256px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow .mover-1 {
  animation: moveSlideshow 5s linear infinite;
}

@keyframes moveSlideshow {
  100% {
    transform: translateX(-66.6666%);
  }
}

<table>
  <tr class="tech-slideshow">
    <td class="mover-1">
      scrolling text scrolling text
    </td>
  </tr>
</table>