浏览器用连字符包装文本

Question

我这里有一个h2标签：

<h2>INCREASE YOUR ONLINE PRESENCE WITH CUSTOMIZED E-COMMERCE</h2>

在firefox中它没问题，但在ie和chrome中，当呈现html时，E-COMMERCE被分成2个单词。我该如何解决这个问题？

Answer 1

连字符应该打破。使用U + 2011 NON-BREAKING HYPHEN：

E‑COMMERCE

Demo - 尝试调整窗口大小。

（HTML没有为其命名的实体，因此您必须直接插入或使用数字引用。）

Answer 2

你试过吗？

<nobr>E-Commerce</nobr>

或使用更现代的html＆amp; css方法：

 <div class=nobr>E-Commerce</div>

.nobr { white-space:nowrap; }

Answer 3

查看CSS的空白属性

https://developer.mozilla.org/en/CSS/white-space