如何使div不大于其内容？

个人布局相似于： css

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

我但愿div仅扩展到table宽度。 css3

#1楼

display: inline-block为您的元素增长了额外的边距。 浏览器

我建议这样作： ide

#element {
    display: table; /* IE8+ and all other modern browsers */
}

奖励：如今，您只需添加margin: 0 auto ，就能够轻松地将新的#element居中。 布局

#2楼

篡改Firebug时，我发现了属性值-moz-fit-content ，该属性值彻底符合OP的要求，能够按如下方式使用： spa

width: -moz-fit-content;

尽管它只能在Firefox上运行，可是找不到其余浏览器（例如Chrome）的等效项。 code

#3楼

我已经解决了一个相似的问题（我不想使用display: inline-block由于该项目居中），方法是在div标签内添加一个span标签，而后将CSS格式从外部div标签移至新的内部span标签。 只是把它扔掉，做为另外一个可能的display: inline block对您来讲不是一个合适的答案。 element

#4楼

我尝试了div.classname{display:table-cell;} ，它起做用了！ get

#5楼

您能够尝试fit-content （CSS3）： it

div {
  width: fit-content; 
  /* To adjust the height as well */ 
  height: fit-content;
}

• 浏览器支持
• 规格