Javascript 如何自动将段落放入div框

我使用JQuery将

元素预先添加到div中，但是如果

p

元素中的

mainbuttonext

太长，它将位于div之外

我希望它看起来像这样：

是否也可以自动调整文本字体大小

html:

javascript:

function changeMainButton() {
  'use strict';
  $('#mainButton').empty();
  $('#mainButton').prepend('<p>' + mainButtonText + '</p>');
}

函数changeMainButton（）{
"严格使用",；
$（“#主按钮”）.empty（）；
$（“#mainButton”）.prepend（“”+mainButtonText+”
”）；
}

---

谢谢你的帮助！：）

也许这会有帮助：

#mainButton {
    ...
    overflow: hidden;
}

---

可以使用以下命令使文本调整到其容器

#mainButton {
 word-wrap: break-word;    
}

---

您还可以使用类似javascript或的javascript根据其父元素调整字体大小，但如果您想控制字体大小，请使用@media、em和rem

将所有内容都放入div中，但有些文本没有显示。对不起，我误解了你之前的评论，没有意识到你是发布此消息的同一个人。这是你写的标题中的扩展视图，但在你的屏幕截图中隐藏了文本。你想要什么？

#mainButton {
 word-wrap: break-word;    
}