防止元素內的文本換行

Question

如何強制元素內的文本不換行，並使元素的寬度仍然由其內容決定（而不是手動設置寬度）？

例子：

在此頁面上，您可以看到一個帶有“Get Started”字樣的綠色按鈕。 對於較小的屏幕尺寸，文本會換行。 我怎樣才能防止這種情況？

https://pleth-test.herokuapp.com/

我嘗試使用overflow和text-wrap CSS 屬性，但沒有任何效果。

Answer 1

將此添加到您的CSS：

white-space: nowrap;

Answer 2

white-space:nowrap或white-space:pre 。