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

Question

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

示例：

  

实际适合浏览器

     

针对不同屏幕分辨率的单词文本中断单词

     

它应该代表

     

针对不同的

的单词文本中断      

屏幕分辨率

     

不喜欢这个

     

在不同屏幕的特定文本中断字

     

分辨率

我尝试使用<wbr>和­但未能成功。

Answer 1

您可以在 screen 和 resolution 之间插入 。或者，您可以将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>

无论如何，我会选择后一个例子，因为你可以通过较小视口上的mediaqueries删除该属性