2011-09-29 31 views
4
<div id="id_div_comments"><p>body4qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</p></div><br/><br/> 
</div> 

CSS文件的寬度:無法擺脫的長字符串/文本,超過HTML DIV

div#id_div_comments { 
    width: 400px; 
} 

但字符串/文本超過分割寬度。 當它達到分部的寬度時,我能做些什麼來破解文本?

+0

相關話題 - http://stackoverflow.com/questions/1258416/word-wrap-in-a-html-table/1258478#1258478 – adatapost

+0

我發現這個更好的解決方案對於大多數情況 - http://stackoverflow.com/a/764015/2063659 – Anon30

回答

16

WIRTE這在你的CSS word-wrap:break-word; CSS:

#id_div_comments p{ 
word-wrap:break-word; 
} 
+1

溢出:汽車也可以。 – shibly

+0

不幸的是,在大多數瀏覽器中,對「word-wrap:break-word」的支持仍然存在問題。 (https://code.google.com/p/chromium/issues/detail?id=249787&thanks=249787&ts=1371225408)但它確實在簡單的情況下工作。 「overflow:auto」不會(根本不應該)打破單詞,它只是在需要時添加滾動條 – matteo

3

試試這個代碼:

#id_div_comments p{ 
white-space:normal; 
} 
0

接受的答案不適合我

工作seaching左右後,以下css實際工作

#id_div_comments p{ 
overflow: hidden; 
} 

只要相信我

enter image description here