有没有办法让破折号( - )不会破坏这个词,如果它结束了一行? (就像
阻止两个单词之间的换行一样)
我目前遇到的问题是博客文章(动态),里面有X-Ray这个词。可悲的是,它落在了一条线的尽头,所以我得到了
Lorem ipsum dolor si amet X-
Ray
我想阻止它,并得到像这样的结果
Lorem ipsum dolor si amet
X-Ray
我不能只<br />
所有内容,因为根据您在网站上的位置,它不会在任何地方停留在该位置。
答案 0 :(得分:5)
尝试使用不间断的连字符‑
答案 1 :(得分:5)
您可以使用 Unicode Character 'NON-BREAKING HYPHEN' (U+2011) 。
HTML Entity (decimal) ‑
HTML Entity (hex) ‑
How to type in Microsoft Windows Alt +2011
UTF-8 (hex) 0xE2 0x80 0x91 (e28091)
UTF-8 (binary) 11100010:10000000:10010001
UTF-16 (hex) 0x2011 (2011)
UTF-16 (decimal) 8,209
UTF-32 (hex) 0x00002011 (2011)
UTF-32 (decimal) 8,209
C/C++/Java source code "\u2011"
Python source code u"\u2011"
答案 2 :(得分:1)
最广泛使用的方式是<nobr>X-ray</nobr>
。尽管不属于任何HTML规范,但nobr
标记效果很好。
如今,使用非破解连字符U + 2011(在其他答案中建议;如果您知道如何在编辑器中使用UTF-8,也可以直接输入它),其工作方式几乎同样广泛。然而,存在风险。 Support to U+2011在字体中不是通用的。这意味着除非你采取特殊措施来使用包含它的字体,或者使用合适的备用字体,否则非破坏连字符很可能与普通连字符(主要是网络上的“Ascii连字符”)不同页)。
这意味着foo-bar和foo-bar(带有非断开连字符)可能看起来不同,因为它们来自不同的字体。可能需要训练有素的眼睛或印刷师才能看到差异,但在某些字体组合中,差异可以清晰地观察到。
使用nobr
,您没有遇到此问题,因为使用了相同的字符。这同样适用于使用<span style="white-space: nowrap">X-ray</span>
,但它有点笨拙且可靠性稍差(禁用CSS时不起作用)。
答案 3 :(得分:-1)