HTML在连字符处没有换行符

时间:2011-08-28 04:15:51

标签: html

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

4 个答案:

答案 0 :(得分:91)

您可以使用CSS:white-space: nowrap;

示例:使用该CSS声明在文本中包装文本。

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

答案 1 :(得分:58)

使用不间断的连字符:&#8209;

答案 2 :(得分:19)

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

答案 3 :(得分:6)

这是一个不间断的连字符(复制并粘贴):或使用&#8209;&#x2011;

请注意,这是唯一一个统一以下特征的 unicode“字符”

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


&#8288;&#x2060;表示的 word joiner 的使用允许使用其他连字符。结果:

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

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