Javascript 如何动态调整DIV元素的大小'；宽度是否适合其文本内容？

假设我有以下HTML代码片段：

<div id="container">
<div id="textContent">Text Content Te</div>
<div id="anotherText">Another Text Content</div>
</div>

文本内容
另一个文本内容

我想知道如何动态调整

div

的

textContent

宽度，使其与文本内容完美匹配（文本既不会被环绕，也不会滚动，也不会被截断）

我对使用CSS和/或JavaScript的任何解决方案都持开放态度。

<style>
div {
  white-space: nowrap;
}
</style>

div{
空白：nowrap；
}

这样就可以了（虽然您可能应该更具体地说明要更改的div。这意味着您使用此选项的div将不会有任何换行符，除非您自己指定它们。但是我猜您将此选项用于标签，所以您应该已经设置好了

我不知道我怎么能 调整了div的宽度以适应 文本内容（无换行）

假设内容适合而不溢出，您可以使用没有宽度设置的浮动（CSS 2.1或更高版本中不需要宽度）。没有更多细节，我无法建议将其放置在何处或设置哪些其他属性以获得所需效果（例如，浮动围绕以下内容，因此将其放在段落开头）

---

如果您不关心在Internet Explorer等旧浏览器上的效果是否完美，您可以使用

display:table

或

display:table cell

，但需要注意的是，表不会溢出：它们会拉伸。如果您希望避免div溢出，但允许它覆盖视口，那么这种拉伸可能是可取的--例如，一个水平滚动的胶片条。在这种情况下，altCognito建议的

空白：nowrap

将非常有用。

你想要一个没有水平滚动条的div吗？如果你需要，浮动元素将收缩包装。不清楚你不包装是什么意思，也不清楚你是否想用CSS或JS来完成。谢谢谢谢你的反馈。我对问题进行了编辑，以便更清楚地了解我想要实现的目标。没有滚动，我对CSS或JS解决方案持开放态度（但如果可以完全通过CSS实现，我很高兴感到惊讶）。谢谢，伙计，我已经对问题进行了编辑以使其更清晰。使用表格可能很有趣……但我想知道不使用表格元素是否可行。无论如何，您的答案是迄今为止最有趣的答案。谢谢！显示：表格与布局模型旁边的表格元素无关。