在Web開發中，CSS是不可或缺的一部分。它可以讓我們輕松地控制HTML頁面的樣式和布局。今天我們將學習如何使用CSS使元素在一行中滑動。

代碼示例：
<div class="container">
<div class="box">
<p>這是一段文本</p>
</div>
</div>
CSS樣式：
.container {
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.box {
display: inline-block;
padding: 10px;
animation: slide 5s infinite;
}
@keyframes slide {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}

在上面的示例中，我們定義了一個容器DIV和一個包含文本的DIV。我們將容器DIV設置為100%的寬度，并為容器DIV設置了兩個樣式：white-space: nowrap和overflow: hidden。這將使所有子元素都在同一行上，并隱藏超出容器的任何內容。

我們還將box類的display屬性設置為inline-block，并添加了一個將元素從左到右滑動的CSS動畫。使用CSS動畫可以讓所有子元素在容器中創建無限循環的滑動效果。

使用這個技巧，我們可以為網站和應用程序中的所有文本元素添加滑動效果，從而增加視覺吸引力。