Question

以下是代码：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中制作相同的内容？

请帮忙

Answer 1

在CSS中添加：

word-wrap: break-word;

DIV contenteditable滚动条为大文本

1 个答案: