Question

我希望contenteditable div能像firefox和Chrome中的Chrome一样工作，好像我没有点击Enter并继续按键，然后内容会从Firefox的div宽度溢出（26 ver）和IE9但在Chrome中它自动调整div的宽度这里是我的代码

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
  div {

  width:20%;
  height:100px;
  border:1px solid;
  }
  </style>
</head>
<body>
  <div contenteditable="true"></div>   
</body>
</html>

我创建了bin here

Answer 1

您需要在css中应用word-wrap属性，以便它能按预期工作。

<强> CSS：

div {
  width:20%;
  height:100px;
  border:1px solid;
  word-wrap: break-word; /*Added property*/
}

DEMO

firefox和IE9中宽容的contenteditable div内容

1 个答案: