显示内联块交叉浏览器（包括ie6）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了显示内联块交叉浏览器（包括ie6）相关的知识，希望对你有一定的参考价值。

  1. .holder{
  2. 	letter-spacing:-1ex; /*fix to remove the "space" (generated by indentation) beetween elements*/
  3. }
  4. 	.holder *{
  5. 		letter-spacing:0ex; /*fix to return the default value of the letter-spacing*/
  6. 	}
  7. 	.holder .inlined-block{
  8. 		display:inline-block;
  9. 		/*ie6, 7 & 8 hack*/
  10. 		*display:inline;
  11. 		zoom:1;
  12. 		width:49.9%; /*just for example*/
  13. 	}
  14.  
  15. /*
  16. Example
  17. <div class="holder">
  18. 	<div class="inline-block">content</div>
  19. 	<div class="inline-block">content</div>
  20. 	<div class="inline-block">content</div>
  21. 	<div class="inline-block">content</div>
  22. 	<div class="inline-block">content</div>
  23. </div>
  24. */

以上是关于显示内联块交叉浏览器（包括ie6）的主要内容，如果未能解决你的问题，请参考以下文章

跨浏览器显示：内联块

CSS 内联块交叉浏览器

内联块（跨浏览器）

IE6：如何让内联 base64 图像与 IE6 一起使用？

CSS 跨浏览器显示：内联块

ie6的display:inline-block实现