DIV中的文本不会总是换行

Question

我创建了可编辑的DIV here。文字正在包装，就像我想要的那样。但是，我注意到的是，只有文本是纯文本才会包装文本。在下图中我粘贴了一些带有标记的文本 - 它没有包装。我可以解决这个问题，所以DIV中的文字总是会换行吗？

可编辑DIV的代码：

.editableDiv {
  padding: 5px;
    -webkit-user-modify: read-write;
    -moz-user-modify: read-write;
    user-modify: read-write;     
    word-wrap: break-word;
  box-sizing: border-box;
  background-color: #FAC28A;  
    color: #003399; 
}

Answer 1

为什么不尝试在word-wrap: break-word;课程上使用.spanDateEventHeader。这样可以确保它不会离开Div。

Answer 2

你显然正在使用pre元素。

快速解决方案是在pre元素上使用white-space属性。

将此添加到您的css：

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}