2011-09-29 32 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