CSS控制字幕橫向移動的方法

在CSS中，我們可以使用動畫（animation）或者過渡（transition）來實現(xiàn)字幕的橫向移動，以下是一個使用CSS動畫實現(xiàn)字幕橫向移動的示例：

HTML代碼：

<div class="marquee">
  <p>這是一行需要橫向移動的字幕</p>
</div>

CSS代碼：

.marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.marquee p {
  position: absolute;
  left: 100%;
  animation: marquee 10s linear infinite;
}
@keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

在這個示例中，我們創(chuàng)建了一個名為"marquee"的動畫，該動畫將字幕從右側(cè)移動到左側(cè)，然后立即從左側(cè)移動到右側(cè)，如此循環(huán)，動畫的持續(xù)時間為10秒，線性移動，并且設置為無限循環(huán)，在動畫開始時，字幕位于容器的右側(cè)（left: 100%），在動畫結(jié)束時，字幕位于容器的左側(cè)（left: -100%）。

這只是一個簡單的示例，實際使用時可能需要根據(jù)具體需求進行調(diào)整，為了確保兼容性，可能需要使用瀏覽器前綴（如-webkit-、-moz-等）來支持一些舊版本的瀏覽器。