沒有包裝的有​​限空間中的文本沒有限制

Question

這是一個我似乎一遍遍地與客戶碰到的問題。它們的標題空間有限，如圖像標題所示。這個空間是有限的，因爲它在一系列彼此相鄰的盒子中，比方說。但是，客戶試圖限制標題長度。然而與此同時，他們不希望這些文字包裝。

我試過幾種不同的方法來解決隨着時間的推移這樣的問題......類似text-overflow，當strlen()用於省略號添加到四溢的文字，在title屬性的full text東西，我試過根據strlen()重新調整字體大小以使文本適合。

只是想知道是否有人有這樣的情況下更優雅的解決方案？

Answer 1

我可能會誤解你，但如果你說一個有效的解決方案是那麼的省略號可以在CSS中使用以下兩種風格

white-space: nowrap; 
overflow: hidden; 
text-overflow:ellipsis; 

無需使用PHP來實現。

Answer 2

如果客戶端不介意省略號，也可以從CSS解決方案中查找此jQuery解決方案。

http://dotdotdot.frebsite.nl/

有這樣做的好處是你的全文仍然是頁的索引和排名的目的。