CSS是一種強大的網頁設計語言。它使得我們可以輕松地控制HTML元素的樣式和布局。CSS中有許多有用的屬性，其中之一是“overflow-x:scroll;”

.content {
width: 100%;
white-space: nowrap; /* 防止內容換行 */
overflow-x: scroll; /* 創建水平滾動條 */
}

在上面的代碼中，“white-space: nowrap;”屬性可以防止內容換行，這是實現水平滾動的必要條件。然后，“overflow-x:scroll;”屬性可以為元素創建水平滾動條。這樣，在內容區域中放置內容后，當內容寬度大于元素寬度時，就可以在元素中創建水平滾動條。

例如，在下面的HTML中，我們將在一個div容器中放置一些超出容器寬度的內容：

<div class="content">
<p>這是一段很長很長很長很長的文本。這是一段很長很長很長很長的文本。這是一段很長很長很長很長的文本。</p>
<img src="image.jpg" alt="圖片">
<p>這是另一段很長很長很長很長的文本。這是另一段很長很長很長很長的文本。這是另一段很長很長很長很長的文本。</p>
<ul>
<li>列表項 1</li>
<li>列表項 2</li>
<li>列表項 3</li>
</ul>
</div>

使用上述CSS樣式后，div容器將具有水平滾動條，可以滾動查看所有內容。

在本文中，我們探討了使用CSS在一行左右滑動內容的方法。通過使用“white-space: nowrap;”和“overflow-x:scroll;”屬性，我們可以為元素創建水平滾動條，以便滾動查看內容。這是一種非常實用的CSS技術，可以改善元素的用戶體驗。