1

私はcssで3つの背景画像をインラインで表示しようとしています

<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

display:inline-blockの代わりに使用display:inline

これがjsfiddlehttp : //jsfiddle.net/rmL9s/です

于 2012-04-16T08:41:09.007 に答える
0

こんにちは、2つの方法を使用できます

テーブルセルまたはインラインブロック

テーブルセルを使用した場合のデモhttp://jsfiddle.net/rohitazad/XTVbu/7/

また

または、インラインブロックデモを使用した場合http://jsfiddle.net/rohitazad/XTVbu/8/

于 2012-04-16T08:50:35.453 に答える
0

使ってみましたdisplay: inline-blockか？

于 2012-04-16T09:02:34.637 に答える