display:inline;为什么在火狐上没有作用呢?改成display:inline-block;就可以了,可是在IE上又不起作用了。

2025-03-04 00:09:00
推荐回答(2个)
回答1:

  您好!很高兴为您答疑!

  display:inline,会让元素的宽度/高度失效,标签中有多少内容,标签就是多宽,用table-cell就可以了
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

回答2:

display:inline-block; /*一方面Firefox3 beta、IE8 beta、Opera、Safari 支持,另一方面下触发IE下inline 元素的 hasLayout*/

display:-moz-inline-stack; /* Firefox 的私有属性,需要时还必须用到position:relative解决上面提到的bug */

zoom:1; /*同样是IE 下触发 hasLayout*/
*display:inline; /*一旦IE 下触发了 hasLayout,设置 block 元素为 inline 会使 display:inline 效果与 display:inline-block 相似*/