Javascript 根据div中的内容包装div

div的宽度是100%，所以在右边还有很多额外的空间。我希望div将文本包装在其中，即块中不应留下额外的空间。如何实现

<div style="border: 1px solid black;">
  Hello there!
</div>

你好！

您似乎希望将

div的完整文本保留在您的div中，而不是滚动
以便使用：

word-wrap: break-word;

尝试显示：内联块
：

<div style="border: 1px solid black;display: inline-block">
  Hello there!
</div>


你好！



你好！
您可以使用
display:inline flex

<div style="border: 1px solid black; display: inline-flex">
  Hello there!
</div>


你好！

另外，如果您不熟悉flex及其用途，我建议您看看这个

了解使用flexbox功能的好参考资料
您能详细描述一下您需要什么吗？@WilliamWang您现在拿到了吗？谢谢。您能解释一下它是如何工作的吗？
div
默认为
block
，即它将采用全宽<代码>内联块

采用

按钮、a、span等

中的内容宽度。你可以在这里读到更多