如何使某些短语出现在一条线上，无论屏幕尺寸如何

Question

我有以下标题

<h2>John Smith Fine Art</h2>

我如何设计这样的样式，使得Fine Art一词总是在一行而不必根据屏幕尺寸改变字体大小？例如，当窗口变小（例如在I-Phone上）时，标题可能显示为

John Smith Fine
Art

我没关系

John Smith Fine Art

或

John Smith
Fine Art

但不是与第一个例子一样，在“Fine”和“Art”之间存在换行符。我怎样才能做到这一点？如果“美术”只是一个单词，那么就可以实现我的目标，所以理论上我可以在“美术”之间加一个_并用CSS来设计它，这样就可以看到它有一个空间的效果，但那就是影响我的SEO。

Answer 1

你应该在单词之间使用 （不间断空格）字符来表示不应该在那里划线。

示例：<h2>John Smith Fine&nbsp;Art</h2>