HTML - 文本流

时间:2015-06-24 14:49:04

标签: html html5

我们有一个响应式网站,其中包含一个块,其中包含“有机会赢得X - 注册我们的电子通讯”的标签。

令人讨厌的是,我们在一行上看到“ e - ”,然后在下一行看到“时事通讯” - 我的问题是连字符是否可能被归类为单词的一部分 - 所以它会作为一个整体而不是部分地突破到下一行(作为标准单词会这样做)?

有什么想法吗?

2 个答案:

答案 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>