避免在CSS中包装文本

我有一个新的网站，我正在建设和CSS强制任何文本内h2标签来包装，只要有一个空间。下面是该网站：避免在CSS中包装文本

而这里的问题：如果我把“低费用”在一起，没有一个空间

enter image description here

，甚至添加一些字符（“LowFeesABC”）它保持在一起并且不包裹。我不太了解CSS，知道如何将文本保存在一起。有任何想法吗？

我不禁要看到这篇文章作为广告。对不起，如果它是合法的。 – Scrimothy

这不是一个广告，它是一个CSS问题。： - | – HerrimanCoder

@SweatCoder - 请把所有相关的HTML和JS直接放到你的问题中。这样，解决问题后代码就会出现，这个问题对其他人有用。 – KatieK

它包装，因为元件具有一个固定的宽度在其上和文本“收费低”设置不适合该宽度。只需删除width:90px即可删除包装。

2012-10-30 06:49:07

这是最简单的解决方案，谢谢Jukka。事后看来，我应该自己解决这个问题。咄。 :-) – HerrimanCoder

#topPanel h2 { 
    white-space: nowrap; 
}

2012-10-30 03:42:56

...只是要小心，因为不是所有的浏览器呈现相同的方式。并不是所有的用户都会拥有这种字体。并且（如果您的网站已翻译），并非所有语言的等效字符串的长度都相同。精确地分隔物体可能是危险的。指定宽度并相应地使用“溢出”或“文本溢出”属性。 –

@JonathanNewmuis我不是真的在这里。 CSS中没有太多“确切的”，除了说“不允许在文本中换行”。 –

对不起，澄清，马特的答案是*绝对*正确（+1）。然而，根据许多因素（如上所述），如果你强迫你的文本不要包装，文本可能会超出你希望保留的范围之内（我猜测它不是期望的行为）。 –

回答