CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – IE显示内嵌块大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我这样做
<div style='width: 200px; border: 1px solid black;'>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />asdf
  </div>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />were
  </div>
</div>
@H_772_4@现在在firefox和chrome它显示很好,但在互联网浏览器8它没有.它们具有布局,这不是问题,并且宽度足够小,因此它适合于一行.

@H_772_4@如果我使用span而不是工作,但是我真的很想知道为什么div不会在IE中工作

解决方法

旧版本的IE不了解块级元素的内嵌块. @H_772_4@内联块为内联元素工作的原因是因为它们是因为它触发了hasLayout.而内联元素的布局与内嵌块完全相同.

@H_772_4@因此,要使用块级元素进行内嵌块工作,请使它们内联并以某种方式触发hasLayout,就像使用zoom:1一样.

@H_772_4@因此,对于您的代码,有两种方法:将div更改为跨度,或添加内联黑客(或将代码移动到外部样式表并使用条件注释).带内联黑客的版本将如下所示:

<div style='width: 200px; border: 1px solid black;'>
  <div style='display: inline-block; width: 70px; border: 1px solid green;*display:inline;zoom:1;'>
    asdfasdf<br />asdf
  </div>
  <div style='display: inline-block; width: 70px; border: 1px solid green;*display:inline;zoom:1;'>
    asdfasdf<br />were
  </div>
</div>

大佬总结

以上是大佬教程为你收集整理的css – IE显示内嵌块全部内容,希望文章能够帮你解决css – IE显示内嵌块所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。