DIV文字不会总是包装

我创建了可编辑DIV here。正如我想要的那样，文字正在包裹着。但是，我注意到，只有纯文本才能包装文本。在下面的图片上，我贴上了一些带有标记的文字 - 而且没有换行。我可以解决这个问题吗，所以DIV里的文字总是会换行？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; 
}

来源

2016-08-18 FrenkyB

处于'pre'标签的文本？因为：http://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag?rq=1 –

你为什么不尝试.spanDateEventHeader类使用word-wrap: break-word;。这将确保它不会离开Div。

来源

2016-08-18 18:00:54 theLearner

我试过这个，但它仍然是一样的。 – FrenkyB

你显然使用pre元素。

快速解决方案是在pre元素上使用空白属性。

添加到您的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+ */ 
}

来源

2016-08-18 18:00:59 Roktheman

我不使用pre元素。只有DIV。 – FrenkyB

DIV文字不会总是包装

回答

相关问题