2012-11-05 22 views
1

這裏DIV CONTENTEDITABLE滾動條的代碼:http://jsfiddle.net/WRf2Y/對大量文本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/strict.dtd"> 
<head> 
    <style> 
    .private_msg{ 
     width:230px; 
     height:19px; 
     line-height:19px; 
     padding:4px; 
     border:1px solid silver; 
     overflow:auto; 
} 
    </style> 
</head> 
<body> 
<div class='private_msg' contenteditable="true"></div> 
</body> 

在Chrome是一切正常,但Firefox和IE瀏覽器,使問題。當我在Firefox或IE中輸入文本時,文本是單行的,只顯示水平滾動條。在Chrome中,當文本寬度大於div寬度時,將顯示垂直滾動條(水平不),並且一切正常。爲什麼firefox和其他瀏覽器顯示不同的文本文本,以及我如何在Chrome中製作相同的文件?

請幫

回答

2

在CSS中添加:

word-wrap: break-word;