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

时间:2016-10-31 19:53:56

标签: html space typography

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

  

我知道一个不间断的连字符,但请记住连字符和短划线之间的区别。

**Picture**

**Right solution**

3 个答案:

答案 0 :(得分:3)

这应该如何应用,当有短划线或连字符时线会断开,但是在使用无断开连字符时则不会,所以通过添加 只会阻止该空格处的换行符,因此被称为没有突破空间 ..

..因此,它会在破折号处破裂,而后面的 会导致下一行开始的丑陋白色空间

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

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

Fiddle demo

如果你不希望它破坏,那么欺骗链接就会有所需的答案,要么使用非破坏连字符,要么将其包装起来并将包装设置为white-space: nowrap

Dupe链接:No line-break after a hyphen

答案 1 :(得分:0)

非破坏空间不会阻止连字符成为单词可以断开的点,因此它有效地强制连字符前后的空格。

改为使用a non-breaking hyphen

zvyšováním ceny‑ta by negativně

答案 2 :(得分:0)

我想你想要的是U + 2060 WORD JOINER。这是为了抑制可能发生的换行,而不会引入任何间距。