CSS显示IE的内联块问题

Eva*_*van 5 css internet-explorer inline block

我遇到了IE6和IE7问题,我希望有人为我提供解决方案,而不是使用IE6/7.右边的成本需要与左边的标签位于同一条线上.我只能在FireFox中使用它,但是在IE7中,即使我使用的是内联块,它也会将成本放在下面.任何帮助将不胜感激

注意:我打开边框,所以我可以看到发生了什么......

演示我的问题:http: //jsbin.com/ilese4/

这是它在IE7中渲染的图片.

替代文字

blu*_*ish 16

此链接可以帮助解决它: 跨浏览器内联块

至少你需要inline-block跨浏览器(包括IE6/7)进行工作是:

.my-inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
Run Code Online (Sandbox Code Playgroud)

你可能需要修复额外的怪癖; 细节和解释在链接中......