html - 无论屏幕大小如何，如何使某些短语出现在一行中

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>