Question

我正在尝试将文本附加到div中，但它会像div https://gyazo.com/a3b7bbd13c2934e653c7b5d9166d1ba4一样继续在div框之外。我希望它像任何其他文档一样继续下去。我尝试了溢出和空白，但似乎没有任何工作，我需要一些建议。谢谢你的时间！

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

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;打破这样的单词中的任何地方。

＆＃13;

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

＆＃13;

<div>asdfasdfasdfasdfasdfasdf</div>

＆＃13;

Answer 2

由于图片中显示的文字没有空格，因此您需要在CSS中明确地分割可由word-wrap:break-word;完成的单词。

附加时文本继续在div之外

2 个答案: