我正在尝试将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更改为内联时,它需要内容(如文本)来显示背景图像......如何在不将文本放入容器的情况下执行此操作...这是更好的方法吗?
答案 0 :(得分:0)
使用display:inline-block
代替display:inline
这是jsfiddle http://jsfiddle.net/rmL9s/
答案 1 :(得分:0)
您好,您可以使用两种方法
table-cell或inline-block
演示如果您使用了table-cell http://jsfiddle.net/rohitazad/XTVbu/7/
或强>
或者如果您使用了内联块演示http://jsfiddle.net/rohitazad/XTVbu/8/
答案 2 :(得分:0)
您是否尝试过使用display: inline-block
?