具有背景图像但没有内容的多个内联容器
具有背景图像但没有内容的多个内联容器
提问于 2012-04-16 16:39:15
我正在尝试在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;
}但是每次我把containers...whats改成内联的时候，都需要像文本这样的内容来显示背景images...how我能不能不用把文本放到div中就能做到这一点呢？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-04-16 16:41:09
使用display:inline-block而不是display:inline
下面是jsfiddle http://jsfiddle.net/rmL9s/
Stack Overflow用户
发布于 2012-04-16 16:50:35
您好，您可以使用两种方法
表格单元格或内联块
如果您使用表格单元格http://jsfiddle.net/rohitazad/XTVbu/7/，则演示
或
或者，如果您使用内联数据块演示http://jsfiddle.net/rohitazad/XTVbu/8/
Stack Overflow用户
发布于 2012-04-16 17:02:35
你试过使用display: inline-block吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10170990
复制相关文章
相似问题
腾讯云开发者
