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 でテキストを入力すると、テキストが 1 行になり、水平スクロールバーしか表示されません。Chrome では、テキスト幅が div 幅よりも大きい場合、垂直スクロールバーが表示され (水平ではありません)、すべて問題ありません。firefox と他のブラウザで div テキストが異なるのはなぜですか? Chrome で同じようにするにはどうすればよいですか?

助けてください

4

1 に答える 1

2

CSS に次を追加します。

word-wrap: break-word;
于 2012-11-05T19:46:33.847 に答える