当出现在Table单元格中时，vertical-align的效果会如大多数人的预期一样，它会跟(老的，不鼓励使用)的valign属性的作用一样。在现代浏览器里，下面的这三种写法的效果是一样的：
<td> 使用valign="middle" |
<td> 使用valign="bottom" |
<td> 使用vertical-align:middle |
<td> 使用vertical-align:bottom |
<div> 使用display:table-cell; vertical-align:middle<div> 使用display:table-cell; vertical-align:bottom在这个段落中，我放了两个图片—
和 
—作为例子。
在这个段落中，我放了两个图片—
和 
—作为例子。
在这个段落中，我用<span> display:inline-block
vertical-align:middle 和 display:inline-block
vertical-align:text-bottom 作为例子。