CSS是一種用于設計網頁布局和樣式的標記語言。使用CSS可以為HTML元素添加樣式、顏色、大小等等。但是，在設計網頁時，有時候我們希望元素的內容可以超出容器，而不自動換行。那么，該如何實現呢？

.container {
width: 200px; /* 容器寬度為200px */
white-space: nowrap; /* 使元素內部的文本不自動換行 */
overflow: scroll; /* 超出部分顯示滾動條 */
}

如上所示，我們需要使用CSS的white-space和overflow屬性來實現這一需求。首先，我們將容器的寬度設定為200px。接著，我們要使用white-space屬性，將容器內部文本的自動換行功能禁用。將white-space屬性的值設定為nowrap即可。最后，我們使用overflow屬性，將超出容器的內容顯示為滾動條，方便用戶查看全部內容。

除了使用scroll屬性，我們還可以將overflow屬性的值設為auto，這樣超出容器的內容只有在需要的時候才會出現滾動條。而如果我們希望超出容器的內容被截斷，而不是使用滾動條，可以將overflow屬性的值設為hidden即可。

總之，CSS的white-space和overflow屬性非常適合用于控制超出容器的內容是否自動換行和如何顯示。如果你在設計網頁時遇到超出容器不換行的需求，不妨嘗試一下這兩個屬性。