我有以下标题

<h2>John Smith Fine Art</h2>

如何设置样式,以使“美术”一词始终显示在一行上,而不必根据屏幕大小更改字体大小?例如,随着窗口变小(例如在I-Phone上),标题可能会显示为

John Smith Fine
Art


我可以有

John Smith Fine Art


要么

John Smith
Fine Art


但与第一个示例一样,当“精细”和“艺术”之间有换行符时,则不会。我该如何实现?如果“美术”全是一个词,那么就可以实现我的目标,因此从理论上讲,我可以在“美术”之间添加_并使用CSS对其进行样式设置,以使其看不见,从而产生一个空格,但这将影响我的SEO。

最佳答案

您应该在单词之间使用&nbsp;(不间断空格)字符,以指示行不应在此处间断。

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

09-26 05:14