如何使div不大于其内容？

Question

如何使div不大于其内容？

我的布局类似于：

<div>
    <table>
    </table></div>

我想为div只扩展到和我的一样宽table变成。

Answer 1

解决方案是将div到display: inline-block.

Answer 2

您需要一个块元素，它具有CSS所称的收缩到合适的宽度，而规范并没有提供一种幸运的方法来获得这样的东西。在CSS 2中，收缩到合适并不是一个目标，而是用来处理浏览器“必须从稀薄的空气中获得一个宽度”的情况。这些情况是：浮子绝对定位元件内联块单元表元素当没有指定宽度时。我听说他们想在CSS 3中添加你想要的内容。现在，用上面的一个来做。不直接公开特性的决定似乎很奇怪，但这是有充分理由的。太贵了。收缩适应意味着格式化至少两次：在知道元素的宽度之前，不能开始格式化元素，并且不能计算贯穿整个内容的宽度w/o。此外，一个人不需要收缩，以适合的元素，经常你可能认为。为什么你的桌子周围需要额外的div？也许表格标题是你所需要的。

Answer 3

我觉得用display:&nbsp;inline-block;但是我不确定浏览器的兼容性。另一个解决方案是将您的div在另一个div(如果要维护块行为)：HTML：<div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="yourdiv"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content&nbsp;&nbsp;&nbsp;&nbsp;</div></div>CSS：.yourdiv{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline;}