css - 如何为 SPAN 设置高度属性

Question

我需要让下面的代码可以按预定义的高度拉伸(stretch)

<style>
.title{
   background: url(bg.gif) no-repeat bottom right;
   height: 25px;
}
</style>

<span class="title">This is title</span>

但是由于 span 是行内元素，“height”属性将不起作用。

我尝试使用 div 代替，但它会扩展到上部元素的宽度。并且宽度应该是灵活的。

有人可以为此提出任何好的解决方案吗？

提前致谢。

Answer 1

在 CSS 中给它一个 display:inline-block - 这应该让它做你想做的事。
在兼容性方面:IE6/7 将与此兼容，正如 quirks 模式建议的那样:

IE 6/7 accepts the value only on elements with a natural display: inline.