是否可以根据其中的文本在 CSS 中扩展 h2 框？答案

【问题标题】：Is it possible to extend a h2 box in CSS depending on the text within it?是否可以根据其中的文本在 CSS 中扩展 h2 框？
【发布时间】：2013-12-20 17:09:48
【问题描述】：

我的页面上出现了一个标题框。

我正在使用h2 并将其配置为显示边框等。

我的问题是最长的文本需要 400px 宽的框，而最短的可能在 100px 左右，留下很大的间隙。

除了在css中设置固定宽度之外，还有什么方法可以控制h2的宽度？

【问题讨论】：

请出示您的代码？
我应该补充一点，目前我只是在使用
{$data['record']['category_name']}
- 类别名称是从数据库中自动提取的 - 因此它可以长或短，具体取决于内容。

标签： html css layout

【解决方案1】：

试试这个

div{
    float: left;
    width: auto;
    background-color: #777;
}

DEMO

【讨论】：

【解决方案2】：

是的，您可以将float: left 应用于 H2

【讨论】：

{$data['record']['category_name']}