【问题标题】:How to keep &nbsp without empty space?如何保持 &nbsp 没有空白?
【发布时间】:2023-03-30 06:02:02
【问题描述】:

我的文字有小问题。在文本的某些部分中,我使用“&nbsp”来确保该特定单词不会中断(或移动)到新行。所以例如我做了这样的事情:

Lorem ipsum dolor sit ammet - is not a joke!

所以理论上,这个 text('-is') 不应该以一个单词的形式出现在一个新的行上,对吧?我想这是对的。 但是......这种技术给我带来了一个问题,即“-”和“is”之间的额外大空白......当然我不想拥有那个“大空白”。我会给你这个结果的例子:

Lorem ipsum dolor sit ammet -  is not a joke!

如您所见,有一个巨大的空间。所以,我的问题是 - 如何摆脱那个空间,但也要坚持我的目标假设,即“不要刹车' - 是'将新行的单词作为一个单词。” 有没有什么技巧可以在没有额外空间的情况下使用 &nbsp?

【问题讨论】:

  • 不间断空格只是告诉换行机制不要在该特定空间上中断。在您的示例中,它不会打破连字符和“is”之间的界限。它可能会在连字符之前和“is”之后换行。假设“不要刹车 [原文如此] '- is' word to the new line as a single word”实际上与使用不间断空格的效果完全相反。

标签: html css text fonts


【解决方案1】:

在 CSS 中,尝试:

white-space:break-spaces

【讨论】:

  • 带“&nbsp”?或者删除“&nbsp”并添加“white-space:break-spaces”?
【解决方案2】:
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-07-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多