css 垂直对齐 css中vertical-align属性(垂直对齐)的使用说明

更新代码后。。。
chrome下的表现：IE9下的表现：
　

　　IE7下的表现：　　　　　　　　　　　　　　IE6下的表现：

通过上面的比较，我们发现这样统一设置行高后，li中子元素的基线一致了，垂直居中也就获得了比较满意的结果。
总结：这次遇到的问题主要是vertical-align正确使用的问题，通过研究了解到如何规范使用，特别是有些属性在块级元素和行内元素使用上的差别。同时不同浏览器对于属性默认值的解析也是测试时需要注意的问题。如果开发中使用的是height与line-height相同的取值，会大大减少不同浏览器出现差别的情况，所以这也是开发中需要注意的地方。