CSS显示IE的inline-block问题 [英] CSS Display inline-block issue with IE

问题描述

我遇到了IE6& IE7问题，我希望有人有我的解决方案，除了不使用IE6 / 7。右侧的成本需要与左侧的标签在同一行上。我只能得到这个工作在FireFox，但在IE7，例如，它把成本在下面，即使我使用inline-block。非常感谢yhelp

注意：我打开了边框，因此我可以看到发生了什么...

演示我的问题：

至少你需要使 inline-block 工作的跨浏览器（包括IE6 / 7）是：

  .my-inline-block {
 display：inline-block; 
 * zoom：1; 
 * display：inline; 
} 
  

您可能需要修复其他怪癖;详情和解释在链接...

I’ve faced with an issue with IE6 & IE7 issue and I was hoping someone had a solution for me other than to not use IE6/7. The cost on the right needs to be on the same line as the label on the left. I'm only able to get to this to work in FireFox, but in IE7, for example, it places cost on the line below even though I'm using inline-block. An yhelp would be greatly appreciated

Note: I turned on borders so I could see what's happening...

Demo of my issue: http://jsbin.com/ilese4/

Here's a picture of how it renders in IE7.

解决方案

This link can help to solve it: Cross-Browser Inline-Block

The very least you need to make inline-block work cross-browser (incl IE6/7) is:

.my-inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

You may need to fix additional quirks; details and explanations are in the link...

这篇关于CSS显示IE的inline-block问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！