行内元素vertical-align:middle在html5和xhtml1.0及以下版本中的表现差异

日期：2013-11-23  来源：攀枝花惠康网络公司

经由同事啄木鸟多番测试终于找出了差异的问题地址，那就是行内元素的vertical-align:middle样式。具体看demo1 (DOCTYPE为HTML 5)和demo2 (DOCTYPE为XHTML 1.0)。

今天在做页面的时辰无意中发现静态页面中小停笔和文本对的很齐的，在线上的页面却小停笔和文本没有对齐。同事啄木鸟找出的原因是静态页面和线上的页面的html DOCTYPE纷歧样，静态页面为html5，线上的页面xhtml 1.0；一向觉得xhtml和html5默示上是一样的，只是DOCTYPE纷歧样！

注：

1. 以上demo只测试了firefox 7和chrome，ie各个版本没有测试；
2. DOCTYPE为xhtml 1.1和DOCTYPE为html5的默示一致；
3. DOCTYPE为xhtml 1.0和DOCTYPE为html 4的默示一致；

发生差异的具体原因未知，未做深切进修，其他css属性不知道是不是也会存在细微的差异，如不美观您知道原因或者也碰着过这方面的问题，接待留言奉告交流，感谢感动涕零！