不同屏幕分辨率下特定文本的分词
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>
和 ­
但无法成功。
您可以在 screen 和 resolution 之间插入
。或者您可以将这两个词包装在 span
元素中并应用 white-space: nowrap;
:
示例:http://codepen.io/anon/pen/meqvGw
<p>Word Break at a perticular text for different
screen resolutions</p>
<p>Word Break at a perticular text for different
<span style="white-space: nowrap;">screen resolutions</span><p>
无论如何,我会选择后一个示例,因为您可以通过较小视口上的媒体查询删除 属性
我需要显示标题,以便每当我们缩小屏幕尺寸时,它应该在第二行显示多个单词。
示例:
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>
和 ­
但无法成功。
您可以在 screen 和 resolution 之间插入
。或者您可以将这两个词包装在 span
元素中并应用 white-space: nowrap;
:
示例:http://codepen.io/anon/pen/meqvGw
<p>Word Break at a perticular text for different
screen resolutions</p>
<p>Word Break at a perticular text for different
<span style="white-space: nowrap;">screen resolutions</span><p>
无论如何,我会选择后一个示例,因为您可以通过较小视口上的媒体查询删除 属性