有没有办法让破折号( - )在结束一行时不会破坏单词?(就像
防止两个单词之间换行一样)
我目前遇到的问题是一篇博客文章(动态),其中包含 X-Ray 一词。可悲的是,它落在了一行的末尾,所以我得到了
Lorem ipsum dolor si amet X-
Ray
我想防止这种情况,并得到这样的结果
Lorem ipsum dolor si amet
X-Ray
我不能只是<br />
一切,因为根据您在网站上的位置,它不会在任何地方都卡在那个位置。
有没有办法让破折号( - )在结束一行时不会破坏单词?(就像
防止两个单词之间换行一样)
我目前遇到的问题是一篇博客文章(动态),其中包含 X-Ray 一词。可悲的是,它落在了一行的末尾,所以我得到了
Lorem ipsum dolor si amet X-
Ray
我想防止这种情况,并得到这样的结果
Lorem ipsum dolor si amet
X-Ray
我不能只是<br />
一切,因为根据您在网站上的位置,它不会在任何地方都卡在那个位置。
尝试不间断的连字符,‑
http://www.fileformat.info/info/unicode/char/2011/index.htm上的信息
您可以使用Unicode 字符 '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"
工作最广泛的方式是<nobr>X-ray</nobr>
. 尽管不是任何 HTML 规范的一部分,但该nobr
标签运行良好。
如今,使用不间断的连字符 U+2011(建议在其他答案中;如果您知道如何在编辑器中执行此操作并且您使用的是 UTF-8,您也可以直接输入它)几乎可以广泛使用。不过也有风险。对 U+2011的支持在字体中并不普遍。这意味着除非您采取特殊措施来使用包含它的字体或使用合适的备份字体,否则不间断连字符很可能看起来与正常连字符不同(这主要是网络上的“Ascii 连字符”页)。
这意味着 foo-bar 和 foo-bar(带有不间断连字符)可能看起来不同,因为它们来自不同的字体。可能需要训练有素的眼睛或印刷师才能看到差异,但在某些字体组合中,差异是显而易见的。
使用nobr
,你没有这个问题,因为使用了相同的字符。这同样适用于 using <span style="white-space: nowrap">X-ray</span>
,但它有点笨拙并且有点不太可靠(当 CSS 被禁用时不起作用)。