nbsp 的反义词是啥？

Posted 2023-05-07

【中文标题】nbsp 的反义词是啥？

【英文标题】：What's the opposite of a nbsp?nbsp 的反义词是什么？

【发布时间】：2011-01-04 00:41:51

【问题描述】：

  字符是一个不允许换行的空格。

<p>lorem ipsum here&nbsp;are&nbsp;some&nbsp;words and so on</p>

| lorem ipsum                |
| here are some words and so |
| on                         |

与此相反的是什么？也就是说，一个不呈现为空格的字符，但可以用于换行。

<p>foo supercalifragilisticexpialidocious bar</p>
<!--   put char here ^   and here ^ -->

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

我知道soft-hyphen character，但出于我的目的，我确实不希望在休息时添加连字符。

【参考方案1】：

您需要 Unicode 字符零宽度空格 (\u200B)。

您可以使用​ 或​ 以html 格式获取它。

显式中断和非中断：

LB7 : 不要在空格或零宽度空格之前中断。 LB8 ：在零宽度空格后面的任何字符之前中断，即使有一个或多个空格介入。http://unicode.org/reports/tr14/

【讨论】：

我对此进行了测试，它在 Firefox 3.5.7 中不会产生换行符。

这并不意味着产生明确的换行符。如果它太长而无法容纳在它应该去的任何地方，它的目的是指示一个点可以被包裹。

所以....这个角色可能是邪恶的，因为如果你复制包含它的内容（在 unicode-aware 编辑器中会愉快地一起玩）你将不会意识到它的存在，它会导致例如编译器窒息它。难的。例如，Chrome 会告诉您“非法字符”，但不会向您指出它在哪里。我会使用这个公认的巧妙技巧作为最后的手段

应该叫“非空格键”

可见替代是连字符。

【参考方案2】：

还有鲜为人知的wbr tag，让浏览器决定是否换行。

【讨论】：

需要注意的是，这是非标准的，并非所有浏览器都支持。

@Brian，查看 fredden 发布的 quirksmode 链接。

如果它对 Facebook 来说足够好，那么对每个人来说都足够好 ;-)

WBR 适用于 Chrome 34.0.1847.131 m、Firefox 29.0.1 和 Opera Chromium 12.17。它在 IE 11.0.9600.17105 中不起作用。

是否添加-？

【参考方案3】：

在 quirksmode.org 上有一个很好的页面，它很好地回答了这个问题，恕我直言。 http://www.quirksmode.org/oddsandends/wbr.html

简而言之：使用 或 ​ （或 ­ 但你提到你不想要破折号）。

【讨论】：

并非所有浏览器都支持所有这些可能性。我猜 ​是最好的解决方案，因为大多数浏览器应该能够识别 Unicode。

而 IE6 用户显然得到了一个丑陋的字形......我的心在哭泣。

【参考方案4】：

使用<wbr>。

【参考方案5】：

您可以使用名为 word-wrap 的 CSS3 属性

p.test word-wrap:break-word;

希望对你有帮助！

【讨论】：

这仅在您不关心在何处添加换行符时才有效。

问题是在一个特定的单词中设置一个位置来休息，而不是一般如何启用工作休息。

【参考方案6】：

对此有很多讨论，但使用­ 已或多或少成为标准

【讨论】：

这是一个软连字符，提问者不想要。