我现在一直在寻找几个小时(显然不是在正确的地方!)
请考虑这个示例:http: //jsfiddle.net/DYLs4/9/
<div id="wrapper">
<span id="text24">Text 24</span>
<span id="text12">Text 12</span>
<span id="icon"></span>
</div>
CSS:
#text24{
font-size:24px; color:#999;
}
#text12{
font-size:12px; color:#000;
}
#icon{
height:36px; width:36px;
display:inline-block;
background:url(some-icon.png);
}
我想要实现的是:
- text24 垂直居中(相对于图像)
- 将 text12 的底部与 text24 的底部对齐
- 确保整个事情在 IE6 -> chrome 中工作
非常感谢您的帮助!