我试图让我的div成为我的内容的宽度,我可以让它在除IE之外的所有其他浏览器中工作,使用: div#quoteHolder { height: 85px; display: inline-block;} 有谁知道如何解决这个问题? 哦,这是HTML代码..
div#quoteHolder { height: 85px; display: inline-block; }
有谁知道如何解决这个问题?
哦,这是HTML代码..
<div id="quoteContainer"> <div id="quoteHolder"> <h2>"If you were lucky and lived in Port Melbourne, it might even be your local"</h2> <h3>The Age, Epicure. JUNE 22nd 2004</h3> </div> </div>IE支持内联块,但仅适用于本机内联的元素.因此,如果你真的想使用内联块,那么当列表或段落可能具有更多语义意义时(并且对于非CSS用户而言也更好地降级),你只能使用跨度,强项和ems.
但是,如果在块元素上触发hasLayout(在该元素中设置hasLayout = true),然后将其设置为display:inline,它会神奇地成为IE中的内联块!通过使用属性hack(我非常喜欢),您可以隐藏显示:毫不费力地从所有非IE浏览器内联.
这是代码,简单的可爱:
display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;