2011-04-13 126 views
1

嗨,我在我的網頁做評論框,以便我通過不允許用戶輸入空評論和評論sholud不超過255個字符它的所有工作正常但是當我進入這樣的評論意味着CSS溢出自動

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj 

此字符串滿溢出來的評論框格,即它會像我用CSS屬性溢出直線 的:汽車;但我需要的是它應該顯示像這樣。它應該拆分字符串

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakjjjjjjjjj 
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj 
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj 

爲前:當我這樣The p element has both line boxes and a child box for the q element, which is a block-level element. The line boxes before the q are wrapped in an anonymous block-level box and so are the line boxes after the q. The resulting tree of boxes might be as fol

評論它的到來了正確的...它應該喜歡這個

+1

您可以發佈您的評論框的HTML? – shanethehat 2011-04-13 09:33:35

+0

[CSS的可能重複:我如何強制一個長字符串(沒有任何空白)被包裝在XUL和/或HTML](http://stackoverflow.com/questions/499137/css-how-cani-i-強制長字符串 - 沒有任何空白將被包裹在xul和-o) – 2011-04-13 09:37:35

回答

9

你需要的是CSS word-wrap: break-word;。它受到瀏覽器的廣泛支持。

word-wrap on CSS3.info

word-wrap: break-word

+0

不會因爲舊的瀏覽器導致一些問題,作爲CSS3功能嗎? – 2011-04-13 09:38:27

+0

它在CSS3中被標準化,儘管它已經存在了很長時間。 http://caniuse.com/#search=word-wrap – kapa 2011-04-13 09:41:00

+0

謝謝你。忽略我的回答,這可能是你最好的選擇。 :) – 2011-04-13 09:42:43

2

您可以使用CSS3屬性來解決你的問題:

.text_wrap { 
    word-wrap: break-word; 
} 
+0

這與我以前的答案有何不同? :) – kapa 2011-04-13 09:39:01

+0

我剛剛開始鍵入我的答案,然後再回答你的答案發布後,我的答案公佈出來:) – 2011-04-13 09:43:58

+1

對我來說也會發生很多:)。 – kapa 2011-04-13 09:46:44