【问题标题】:how can we make a div take width according to its content automatically我们如何使 div 自动根据其内容获取宽度
【发布时间】:2016-03-01 15:37:10
【问题描述】:

我想创建类似fieldsetlabel 的效果。

当标题沿边改变时,标题的白色背景宽度保持不变。

如果我可以使headingdiv 元素的宽度足以适应其内容,它将产生适当的效果。

如果有其他解决方案,请告诉我。

【问题讨论】:

    标签: html width fieldset


    【解决方案1】:

    您可以在要缩小的 div 上使用 floatdisplay: inline-block(尽管这在 IE6 中不起作用(因为它默认情况下仅将 inline-block 应用于内联元素)而不指定宽度。或者很明显,你可以同时使用两者。虽然我不确定你为什么要让一个浮动块表现得好像它是inline

    jsbin的演示

    【讨论】:

    • 显示内联块完成这项工作
    【解决方案2】:

    我会推荐这个

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-08-06
      • 1970-01-01
      • 2023-04-01
      • 2013-05-18
      • 1970-01-01
      • 2014-12-09
      • 1970-01-01
      • 2019-02-28
      相关资源
      最近更新 更多