1

这是代码：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 和其他浏览器显示的 div 文本不同，我如何在 Chrome 中显示相同的内容？

请帮忙

4

1 回答 1

2

在 CSS 中添加：

word-wrap: break-word;
于 2012-11-05T19:46:33.847 回答