css div內的Wordwrap

Question

我在使用我的div容器中的wordwrapping時遇到問題。這是這段代碼的特定代碼。即使在指定的文本行中沒有空格，我也希望它自動換行到下一行。

#content { 
    position: justify; 
    font-size: 10px; 
    font-family: Times new roman; 
    width: 80%; 
    padding: 10px 10px 10px 10px; 
    height: auto; 
    overflow-x: auto; 
    color: #000; 
} 

Answer 1

你需要word-wrap:break-word。

jsFiddle example

#content { 
    word-wrap: break-word; 
    position:justify; 
    font-size: 10px; 
    font-family: Times new roman; 
    width: 80%; 
    padding: 10px 10px 10px 10px; 
    height: auto; 
    overflow-x: auto; 
    color: #000; 
} 

Answer 2

添加到您的CSS

word-wrap: break-word;