当前位置 : 主页 > 网页制作 > css >

CSS div width – 仅限内容宽度..?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我试图让我的div成为我的内容的宽度,我可以让它在除IE之外的所有其他浏览器中工作,使用: div#quoteHolder { height: 85px; display: inline-block;} 有谁知道如何解决这个问题? 哦,这是HTML代码..
我试图让我的div成为我的内容的宽度,我可以让它在除IE之外的所有其他浏览器中工作,使用:

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;
网友评论