HTML在连字符处没有换行符

Question

所以我有文字e-commerce,我不希望线条包裹在破折号上.
如何限制该文本行的换行？

Answer 1

你可以使用CSS : white-space: nowrap;.

示例:使用该CSS声明将文本换行到span中.

<span style="white-space: nowrap;">e-commerce</span>

Answer 2

使用不间断的连字符: ‑

Answer 3

将其包装在<nobr>…</nobr>标记中,或者如果您关心HTML的有效性,请设置white-space: nowrap;样式.

Answer 4

有这个不间断的连字符(复制并粘贴):?或使用‑或‑

请注意,这是唯一统一以下特征的unicode"字符":

• 是预先编写的(你可以通过构图制作任何不破坏的东西)
• 没有破坏
• 是一个连字符或破折号或类似的

使用单词joiner表示⁠或⁠允许其他连字符.结果:

e-⁠commerce(连字符后跟连字符)
e-⁠commerce(ASCII连字符/减号后跟单词joiner)
...和预组合的参考:
电子商务(非破坏连字符)

http://jsfiddle.net/NR5Ch/58/   (这个小提琴显示了joiner这个词的效果)