防止文本环绕元素

时间:2016-10-14 19:04:04

标签: html css

如何强制元素中的文本不换行,并且元素的宽度仍然由其内容决定(而不是手动设置宽度)?

示例:

在此页面上,您可以看到一个带有文字" Get Started"的绿色按钮。对于较小的屏幕尺寸,文本包装。我该如何防止这种情况?

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

我尝试使用overflowtext-wrap CSS属性,但无法正常工作。

2 个答案:

答案 0 :(得分:1)

将此添加到您的css:

white-space: nowrap;

答案 1 :(得分:0)

white-space:nowrapwhite-space:pre