使div扩展到包含跨度的宽度

Question

如何让div容器扩展其宽度以包含其中的所有子span？

请参阅示例小提琴here。

我希望div将其中的所有按钮放在一行中。

更新 无法删除示例中的表。此外，如果我有table而不是div，那么第一个table会展开。现在我有了div但是没有扩展。

Answer 1

我将把这个作为另一个答案发布，因为它与我的第一个答案没有关系。

您可以使用另一个不会断行的跨度来包裹您的跨度：

<span style="white-space:nowrap">...</span>

这会使你的div（和表格）展开以包含按钮。

此处示例：http://jsfiddle.net/jtbowden/JhDwt/

Answer 2

不是div限制span s在不同的行上，而是表格宽度：

<table width="300">

例如，如果将宽度更改为600，则所有按钮将最终位于同一行。

编辑：请参阅我的其他答案，了解您想要的方法。

Answer 3

根据您的需要，删除表格可能会更好。 http://jsfiddle.net/simply_simpy/nxD4G/3/