如何使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: inline-block;

但是我不确定浏览器的兼容性。

---

另一个解决方案是将您的div在另一个div(如果要维护块行为)：

HTML：

<div>
    <div class="yourdiv">
        content    </div></div>

CSS：

.yourdiv{
    display: inline;}