在CSS中，文字沒有折行是一種常見的情況。這通常發生在一些頁面元素中，例如導航欄和標題等。如果沒有正確處理，這些文本可能會影響頁面的布局和顯示效果。下面我們來看看如何使用CSS讓文本不折行。 一種簡單的解決方案是使用CSS屬性white-space。這個屬性控制文本如何處理空格和換行符。默認情況下，文本會根據需要自動折行，這意味著連續的單詞或數字可能會跨越多個行。通過將white-space設置為nowrap，可以防止這種自動換行發生。下面是一個示例CSS代碼：

p {
white-space: nowrap;
}

此代碼將應用于所有

標簽，在這些標簽中，所有文本將被設置為不折行。如果您只想應用于某些特定的文本，可以使用類或ID選擇器，例如：

.no-wrap {
white-space: nowrap;
}

在HTML代碼中，將要應用于不折行文本的元素添加class="no-wrap"，可以讓這些文本在頁面中保持連續的狀態。 值得注意的是，在某些情況下，不折行文本可能會超出其父級元素的邊界。在這種情況下，可以添加overflow屬性來控制文本的行為。例如，如果你想讓文本在其父級元素中水平滾動而不是折行，可以添加以下CSS代碼：

.container {
white-space: nowrap;
overflow-x: scroll;
}

在這種情況下，.container類將應用于包含不折行文本的元素，使文本水平滾動而不是折行。請注意，這個例子中使用了nowrap和overflow-x兩個屬性來實現不同的效果。 綜上所述，防止文本折行是一項簡單而實用的技術，可以幫助我們控制頁面元素的布局和顯示效果。通過理解和正確使用white-space和overflow屬性，可以為您的頁面帶來更好的體驗。