如何为 SPAN 设置高度属性

Question

我需要使以下代码可以按预定义的高度进行拉伸

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

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

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

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

谁能为此提出任何好的解决方案？

提前致谢。

原文由 Kelvin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 CSS 中给它一个 display:inline-block 应该让它做你想做的事。

在兼容性方面：IE6/7 将 适用于此，正如 quirks 模式所建议的那样：

IE ⁶⁄₇ 仅接受具有自然显示的元素的值：内联。

原文由 casraf 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

利用

.title{
  display: inline-block;
  height: 25px;
}

唯一的技巧是浏览器支持。 在此处检查您的受支持浏览器列表是否处理内联块。

原文由 Jon Galloway 发布，翻译遵循 CC BY-SA 2.5 许可协议