CSS中的inline-block属性

  inline-block是个很有用的属性,但在不同浏览器上表现有较大的差异。可以采用下面的技术来实现跨浏览器的支持。
.ib{
  display:inline-block;/* firefox等标准浏览器识别*/
  zoom:1;/* 触发ie6和ie7下的haslayout */
*display:inline;/* 只有ie6和ie7识别*/
}
  这样就可以得到一个可以定义宽度、高度的inline对象(不独占一行,其表现出来的特点跟按钮类似),这在有些场合是很有用的。如实现下图 宽度可变位置居中的效果。




详细说明请参考:
http://www.nowamagic.net/csszone/css_InlineBlock.php
http://www.blueidea.com/tech/web/2009/6497.asp

你可能感兴趣的:(css,浏览器,asp.net,asp,firefox)