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

fry*_*lin 5 html typography space

在我看来,不间断空格的 HTML 实体在我的代码中无法正常工作。我使用:zvy\xc5\xa1ov\xc3\xa1n\xc3\xadm ceny \xe2\x80\x93 ta by negativn\xc4\x9b但不是连接在一起的破折号和两个单词,而是在新行的开头看到一个丑陋的空格。您知道如何解决这个问题吗?

\n\n
\n

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

\n
\n\n

**图片**

\n\n

**正确的解决方案**

\n

LGS*_*Son 4

这是正常工作的,当有破折号或连字符时,行会断行,但使用不间断连字符时不会断行,因此通过添加 a 只会防止在该空格处断行,因此称为无断行空格

\n\n

..因此,它会在破折号处中断,并且以下内容 会导致下一行开头出现难看的空白

\n\n

通过删除 2:nd  ,像这样,它将正常工作,并且在下一行开始处没有丑陋的空间

\n\n
Some text having hyp - pen that should break after the hyphen\nand another with the da \xe2\x80\x93 sh that should break after the dash\n
Run Code Online (Sandbox Code Playgroud)\n\n

小提琴演示

\n\n

如果您不希望它损坏,则重复链接具有所需的答案,可以使用不间断连字符或将其包装并将包装器设置为white-space: nowrap

\n\n

复制链接:连字符后没有换行符

\n