<div class="parentDiv" style="display:inline-block">
    // HTML elements
</div>

这将使父div宽度与最大元素宽度相同。

好的，在很多情况下，您甚至不需要做任何事情，因为默认情况下，div的高度和宽度都是自动的，但如果不是这样，应用内联块显示将对您有效。。。看看我为你创建的代码，它会做你想要做的事情：

第二部分{显示：内联块；}＜div＞<表><tr><td>Lorem ipsum dolor坐amet，consectetur adipiscing elit。Morbi ultrices feugiat massa sed laoreet。Maecenas et magna egestas，facilisis purus quis，前庭nibh</标准差><td>Nunc auctor aliquam est ac viverra公司。Sed enim nisi，feugiat Sed accumsan eu，convalis eget felis。Pellentesque consequat eu leo nec pharetra。直径为</td><td>Lorem ipsum dolor坐amet，consectetur adipiscing elit。Morbi ultrices feugiat massa sed laoreet。Maecenas et magna egestas，facilisis purus quis，前庭nibh</标准差></tr></table></div>

尝试显示：inline block；。为了实现跨浏览器兼容，请使用以下css代码。

第二部分{显示：内联块；显示：-moz内联堆栈；缩放：1；*显示：内联；边框样式：实心；边框颜色：#0000ff；}＜div＞<表><tr><td>第1列</td><td>第2列</td><td>第3列</td></tr></table></div>

如果我们定义一个全局变量并将其用于这两个变量会怎么样。

：根目录{--表格宽度：400px；}.容器{width:var（--表格宽度）；边框：1px实心黑色；//易于可视化}.内表{width:var（--表格宽度）；边框：1px纯红色；//易于可视化}<div class=“container”><table class=“inner table”><tr><td>美国广播公司</td></tr></table></div>

我在一个div中有一个span，只需在容器div中设置margin:auto就可以了。

可以对父元素使用display:flex

#parentElement {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }