我需要使以下代码可扩展到预定义的高度
<style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span>
但是由于 span 是内联元素,因此“ height”属性无效。
我尝试使用 div 代替,但是它将扩展到上层元素的宽度。并且宽度应该是灵活的。
谁能为此提出任何好的解决方案?
提前致谢。
display:inline-block在CSS中给它一个-应该让它做您想要的。 在兼容性方面:IE6 / 7 将 与此兼容,如怪癖模式所示:
display:inline-block
IE 6/7仅在自然显示的元素(内联)上接受该值。