不同屏幕分辨率下特定文本的分词

Word Break at a particular text for different screen resolutions

我需要显示标题,以便每当我们缩小屏幕尺寸时,它应该在第二行显示多个单词。

示例:

Actual fit with browser

Word Break at a perticular text for different screen resolutions

It should represent like

Word Break at a perticular text for different

screen resolutions

Not like this one

Word Break at a perticular text for different screen

resolutions

我尝试使用 <wbr>&shy; 但无法成功。

您可以在 screenresolution 之间插入 &nbsp;。或者您可以将这两个词包装在 span 元素中并应用 white-space: nowrap;


示例:http://codepen.io/anon/pen/meqvGw

<p>Word Break at a perticular text for different 
   screen&nbsp;resolutions</p>

<p>Word Break at a perticular text for different 
   <span style="white-space: nowrap;">screen resolutions</span><p>

无论如何,我会选择后一个示例,因为您可以通过较小视口上的媒体查询删除 属性