javascript - 追加时，文本一直在 div 之外

Question

我正在尝试将文本附加到 div 中，但它一直在 div 框之外，就像这样 https://gyazo.com/a3b7bbd13c2934e653c7b5d9166d1ba4 .我希望它像任何其他文档一样继续向下。我已经尝试过溢出和空白，但似乎没有任何效果，我需要一些建议。感谢您的宝贵时间!

这是与获取和发布文本相关的代码。文字取自

if(newclassexpected === true){$(".siteview").append("<div class=\"" + definedclass + "\"><\/div>");
                             newclassexpected = false;}


fonthandler();
      $(definedclass2).css("display", "none");
    $(definedclass2).css({
      "width": width,
      "height": height,
      "float": "left",
      "border": "solid 2px black",
      "background": bgcolor,
      "font": fontcomponent,
      "color": txcolor,


});
  var test1 = $("#textbox").val();
$(definedclass2).fadeIn(100);
$(definedclass2).empty();  
$(definedclass2).prepend("<p>" + test1+ "</p>");

Answer 1

你想使用 word-break: break-all; 来打断一个单词中的任何地方。

div {
  border: 1px solid black;
  width: 100px;
  word-break: break-all;
}

<div>asdfasdfasdfasdfasdfasdf</div>