防止元素内的文本换行

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 。