博客文章标题的自动宽度?

时间:2011-07-18 19:19:40

标签: css

我想让标题框自动宽度,但我不明白。无法发布任何截图。博客标题的我的Css代码实际上是这样的:

section#maincontent header{
position: relative;
left: 25px;
padding-left: 10px;
background: #e5e5e5;
margin-top: 50px;
padding-top: 0px;
padding-bottom: 0px;

-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border: 1px solid #CCCCCC;
}

需要帮助!谢谢!

1 个答案:

答案 0 :(得分:1)

如果您发布HTML代码,我们可能会更好地帮助您,但通常div是块级元素,因此它会自动扩展到其包含元素的宽度。如果您希望标题出现在与标题本身一样宽的框中(使用一点填充),请考虑将div更改为display:inline,为标题设置样式,或将其包装在内联元素中,例如一个span

JSFiddle:http://jsfiddle.net/DHW7Y/7/