避免在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）。然而，根據許多因素（如上所述），如果你強迫你的文本不要包裝，文本可能會超出你希望保留的範圍之內（我猜測它不是期望的行爲）。 –

回答