HTML不间断空格无法正常工作答案

【问题标题】：HTML non-breaking space is not working properlyHTML不间断空格无法正常工作
【发布时间】：2023-04-08 23:16:01
【问题描述】：

在我看来，用于不间断空间的 HTML 实体在我的代码中无法正常工作。我使用：zvyšováním ceny&nbsp;–&nbsp;ta by negativně，但不是破折号和两个单词连接在一起，而是在新行的开头看到一个难看的空白。你知道如何解决这个问题吗？

我知道不间断的连字符，但请记住，连字符和破折号是有区别的。

【问题讨论】：

我认为问题出在连字符上。尝试使用&#8209; 而不是-。有关更多信息，请参阅此问题：stackoverflow.com/questions/7691569/…。
作为骗子投票结束
好的，连字符和破折号是有区别的，那么你的实际问题是什么？ ...请发布第二张图片，展示它的外观
几乎每个浏览器都会在破折号、连字符或任何其他标点符号上换行。正如它在dupe-which-is-not-a-dupe 的答案中提到的那样，如果您不希望它损坏，请将其包装在一个元素中并使用white-space: nowrap，这样它就不会包装。
它应该如何工作，当有破折号或连字符时，行会中断，但在使用不间断连字符时不会中断，因此添加 &nbsp; 只会防止换行在那个空间，因此称为 没有中断空间 ...因此它会在破折号处中断，下面的 &nbsp; 导致下一行开始出现丑陋的空白

【解决方案1】：

这是按其应有的方式工作的，当有破折号或连字符时，行将中断，但在使用不间断连字符时不会中断，因此添加&nbsp; 只会防止在该空格处换行，因此称为没有中断空间 ..

.. 因此它会在破折号处中断，并且下面的&nbsp; 会导致下一行开始出现丑陋的空白

通过像这样删除 2:nd &nbsp;，它可以正常工作，并且在下一行开始时没有丑陋的空间

Some text having hyp&nbsp;- pen that should break after the hyphen
and another with the da&nbsp;– sh that should break after the dash

如果您不希望它中断，则欺骗链接具有所需的答案，可以使用非中断连字符或将其包装并将包装器设置为 white-space: nowrap

【讨论】：

产生这个空白 link 没有换行只产生一行 link 我需要这个结果 link
@frydolin 检查这个小提琴：jsfiddle.net/7kzme44f/1 .... 我使用的<br> 只是显示两种方式，一种用连字符，一种用破折号......不过，我发布的答案工作完全按照您的要求，只需将 <br> 解释为示例分隔符
@frydolin 更新了我的答案并删除了<br>
对不起，这只是一个错误。谢谢！ @LGSon

【解决方案2】：

我想你想要的是 U+2060 WORD JOINER。这是为了在不引入任何间距的情况下抑制可能出现的换行符。

【讨论】：

【解决方案3】：

不间断的空格不会阻止连字符成为单词可以中断的点，因此它有效地强制在连字符之前和之后使用空格。

zvyšováním ceny&#8209;ta by negativně

【讨论】：