Css 内容firefox和IE9中的可编辑div内容超出宽度_Css_Html_Contenteditable

Css 内容firefox和IE9中的可编辑div内容超出宽度

css html

Css 内容firefox和IE9中的可编辑div内容超出宽度,css,html,contenteditable,Css,Html,Contenteditable,我想让contenteditable div像在firefox中的Chrome上一样工作，Chrome就像我不点击Enter并持续按键一样，然后内容从firefox（26版）和IE9中的div宽度溢出，但在Chrome中它会自动调整div的宽度这是我的代码 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <styl

我想让

contenteditable div

像在firefox中的Chrome上一样工作，Chrome就像我不点击

Enter

并持续按键一样，然后内容从firefox（26版）和IE9中的div宽度溢出，但在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>


JS-Bin
div{
宽度：20%；
高度：100px；
边框：1px实心；
}

我已经创建了bin您需要在css中应用

wordwrap

属性，这样它就可以正常工作了

CSS:

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

您需要在css中应用

word wrap

属性，这样它才能按预期工作

CSS:

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

您需要在css中应用

word wrap

属性，这样它才能按预期工作

CSS:

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

您需要在css中应用

word wrap

属性，这样它才能按预期工作

CSS:

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