我们有一个响应式网站,其中包含一个块,其中包含“有机会赢得X - 注册我们的电子通讯”的标签。
令人讨厌的是,我们在一行上看到“ e - ”,然后在下一行看到“时事通讯” - 我的问题是连字符是否可能被归类为单词的一部分 - 所以它会作为一个整体而不是部分地突破到下一行(作为标准单词会这样做)?
有什么想法吗?
答案 0 :(得分:3)
这就是我要做的事情;)
在您想要唯一控制的单词周围包裹span标记:
<span class="e">e-newsletter</span>
现在你拥有了它自己的元素,有一个选择器来做你想做的事情!
.e {
// display inline-block perhaps?
// give it a set width maybe?
}
答案 1 :(得分:1)
我要考虑的方法是<nobr></nobr>
标记:
How to prevent line break at hyphens on all browsers
<nobr>e-newsletter</nobr>