上集内容“我对CSS vertical-align的一些理解与认识（一）”要追溯到差不多一个月以前了，主要是了解了下vertical-align的一些属性，并简单讲述了自己对vertical-align属性的一些理解。vertical-align是个相当复杂与精深的属性，所理解的一些内容多少会有不准确之处，例如之前我认为inline属性的元素对vertical-align属性是不感冒的，但是在同行的提醒下，我自己一测试，发现完全不是之前自己所想的，就算是很单纯的inline水平的元素都支持vertical-align属性的。所以自己有必要对vertical-align的认识重新梳理，整理成文。本集内容主要讲讲我对在一般情况下vertical-align其作用的理解，以及vertical-align相关的对齐问题，以及浮动为何可以破坏vertical-align属性。
二、我对不同浏览器解析vertical-align属性的理解
在上集中，在最后提供的实例中，vertical-align:middle实际上应该是与后面的文字是独立的，毫无关联，就是说vertical-align无论是什么，都不影响文字在box中的位置（IE6/7对vertical-align理解与现代浏览器有差异）。但是在实际情况下，行高可能会小于inline-block或是类似于inline-block属性的元素的content area的高度，此时vertical-align对文字的影响似乎是显而易见的，那么这种影响是如果实现的呢？这就是本段的重点。
1. 我对vertical-align文字对齐相关属性的理解
vertical-align属性可以说是CSS中兼容性最糟糕的属性之一了。比如说与文字相关的vertical-align属性，vertical-align:text-top;和vertical-align:text-bottom属性，这两个属性的解释IE浏览器（IE6-8）和现代浏览器是不一样的两个派别。到底哪种表现是正确的，这是不能随便做定论的。无论实现的机制如何，若能实现类似的效果表现，其实都可以说是正确的。在一般的使用条件下，例如小图标+文字，vertical-align:text-top这类文字对齐类属性在不同浏览器下的差异是较小的，这很难让我们去思考与理解这些差异在什么地方。但是，如果我们将测试的元素进行简化与放大，那么差异显而易见，也更利于我们思考其中的原因所在。
新闻热点
疑难解答
