在响应式设计中让两个词粘在一起

van*_*led 1 html css

我有两个词需要始终粘在一起,因为它是公司的名称。例如,该公司的名称是 S Overflow。有时,在某些屏幕宽度上,第二个词“溢出”会出现在第二段中。

Lorem ipsum dolor sat ammet met S
Overflow consectidur

有没有一种方法,无论屏幕大小如何,这两个词都会始终粘在一起?

Lorem ipsum dolor sat ammet met S Overflow
consectidur

Juk*_*ela 6

如果它\xe2\x80\x99是由空格分隔的两个单词,不涉及特殊字符(如连字符),最简单和最可靠的方法是使用不间断空格,例如

\n\n
S Overflow\n
Run Code Online (Sandbox Code Playgroud)\n\n

您也可以将名称包装在元素中并white-space: nowrap对其进行设置。如果名称无论如何都包含在元素中(例如用于样式设计),这会很方便。

\n