首页 相关文章 Display:Inline-Block的深入理解

Display:Inline-Block的深入理解

  在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,无论是初接触Web标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。

  display:inline-block

  将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。

  但对于这个属性不是所有浏览器都识别。

  支持的浏览器有:Opera、Safari

  但很遗憾,最流行的IE和Firefox却不支持这个属性(据说下一版本的Firefox将会支持display:inline-block)。不过Firefox下却有私有属性-moz-inline-box和inline-block形似,为什么是形似而不是神似呢?这是因为使用-moz-inline-box会带来很多意想不到的后遗症,比如使用这一属性后,text-align有时候就会有问题,还得改用Firefox的私有属性-moz-box-align来解决(谢谢aoao提供案例)。

  建议:最好不要使用Firefox私有属性-moz-inline-box。

  或许有朋友会对上面所说的IE也不支...[ 查看全文 ]

2016-02-19 标签:

Display:Inline-Block的深入理解的相关文章

手机页面
收藏网站 回到头部