2010-11-15 25 views
1
#profileWall{ 
margin: auto; 
width: 1200px; 
} 

然後在它裏面,如果我有這個沒有沒有空間可言:CSS:當nospace超過寬度時?

sdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasads 

超過寬度,只是繼續。但是,如果它的空間在它達到應該的寬度時切割並進入新的行。

我該如何解決這個問題?

回答

2
overflow:hidden 

或CSS3

word-wrap: break-word 

CSS3感謝@mistabell

+0

或用CSS3自動換行:打破字 – arby 2010-11-15 22:30:06

0

有一對夫婦的解決方案。

  1. 使用overflow。由於沒有空格,因此瀏覽器將無法添加新行。所以,你可以通過設置overflow來控制div:scroll或overflow:hidden。這將添加滾動條或隱藏長數據。

  2. 在背面使用代碼在一定數量的字符後注入空格。很多網站會在添加[更多]鏈接的同時執行此操作。

  3. 重新設計您的網站以適應長時間不破的文本。

  4. 不要讓這樣的輸入開始。如果這是某人正在鍵入的文本,並且該文本應該是正常的單詞,那麼只需測試一下單詞的長度即可查看是否有超過30個字符的單詞。你可以在那裏自動注入連字符以允許自動換行或者不允許亂碼。必要時進行調整。

  5. 轉到Twitter路線,只是不允許超過140個字符。相應地設計網站。

0

這裏亞去:http://jsfiddle.net/VEu6w/

white-space: nowrap; 
+0

我可能有誤解。即使有空格,我也認爲你想要滾動。看起來你不希望它滾動,即使沒有。是對的嗎? – 2010-11-15 23:29:34