如何使 div 不大于其内容？

我的布局类似于：

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

我希望只扩展到我的宽度。divtable

分割线

网友回答：

我认为使用

display: inline-block;

会起作用，但是我不确定浏览器兼容性。

另一种解决方案是将你的包装在另一个中（如果你想保持块行为）：divdiv

.HTML：

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

.CSS：

.yourdiv
{
    display: inline;
}

分割线

网友回答：

解决方案是将更改为。divdisplay: inline-block

分割线

网友回答：

你想要一个块元素，它有CSS所谓的收缩到适合的宽度，而规范没有提供一种祝福的方式来获得这样的东西。在 CSS2 中，缩小以适应不是一个目标，而是处理浏览器“必须”凭空获得宽度的情况的手段。这些情况是：

浮
绝对定位元件
内联块元素
表元素

未指定宽度时。我听说他们想在 CSS3 中添加你想要的东西。现在，请与上述之一一起使用。

不直接公开该功能的决定可能看起来很奇怪，但有一个很好的理由。它很贵。缩小以适合意味着至少格式化两次：在知道元素的宽度之前，您无法开始格式化元素，并且您无法计算整个内容的宽度。此外，人们并不像人们想象的那样经常需要收缩以适合的元件。为什么你的桌子周围需要额外的div？也许表格标题就是您所需要的。

模板简介：该模板名称为【如何使 div 不大于其内容？】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。