css vertical-align属性的一些理解与认识(一)

一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertical-align属性，我其实对vertical-align属性也是略知皮毛，要说岂敢谈“讲解”，就说说我对vertical-align属性的一些理解吧，纯属个人见解，若有不准确之处还望见谅。还有，vertical-align属性牵扯到的知识实在是太多了，不是一篇文章就可以讲清楚的，这里我就只挑几个典型或是重要的地方说一说。

在开始之前，希望对下面的知识有所了解，inline box模型，inline/inline-block/block属性。//zxx:关于inline box模型，我在“浮动的’破坏性’”部分做了专门的介绍。

二、vertical-align一大堆乱七八糟的属性

vertical-align指的是什么意思呢？我window+D清屏，双击打开有道桌面词典，输入vertical，再输入align，“哦~~~~”，我脑袋一晃，原来是“垂直的”+“对齐”的意思，就是垂直对齐嘛！

中，就是垂直对齐的意思，先放一边，我看先看看vertical-align支持哪些属性，我比较喜欢轻巧的Dreamweaver，看看他的提示属性又哪些：

有句俗语叫做“见多不怪”，我估摸着这些top,bottom属性大家都见过，没啥看头，没啥说头。老实讲，我看到这些养臭虫的属性也头疼，所以，忘了他们，我们说点有意思的。vertical-align属性与数值。见下面的表：