1

我正在尝试在 css 中支持三个背景图像内联显示

<div id="hd_but2"></div>
<div id="hd_div1"></div>
<div id="hd_but1"></div>

和

#hd_but2 {
background-image:url('1.png');
background-repeat:no-repeat;
height:28px;
width:49px;
margin-top:9px;
}
#hd_div1 {
background-image:url('2.png');
background-repeat:no-repeat;
height:46px;
width:4px;
}
#hd_but1 {
background-image:url('3.png');
background-repeat:no-repeat;
height:28px;
width:29px;
margin-top:9px;
}

但是每次我将 div 更改为内联时，它都需要内容（如文本）来显示背景图像......我怎么能在不将文本放入容器的情况下做到这一点......有什么更好的方法来做到这一点？

4

3 回答 3

0

您好，您可以使用两种方法

表格单元或内联块

演示，如果你使用表格单元http://jsfiddle.net/rohitazad/XTVbu/7/

或者

或者如果您使用内联块演示http://jsfiddle.net/rohitazad/XTVbu/8/

于 2012-04-16T08:50:35.453 回答
0

使用display:inline-block代替display:inline

这是 jsfiddle http://jsfiddle.net/rmL9s/

于 2012-04-16T08:41:09.007 回答
0

你试过使用display: inline-block吗？

于 2012-04-16T09:02:34.637 回答