眾所周知，vertical-align支持很多屬性值，足足可以組成一個足球隊了：

    /* 關(guān)鍵字值 */
vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: text-top;
vertical-align: text-bottom;
vertical-align: middle;
vertical-align: top;
vertical-align: bottom;

/* <長度> 值 */
vertical-align: 10em;
vertical-align: 4px;

/* <百分比> 值 */
vertical-align: 10%;

/* 全局值 */
vertical-align: inherit;
vertical-align: initial;
vertical-align: unset;

vertical-align的百分比值不是相對于字體大小或者其他什么屬性計算的，而是相對于line-height計算的。舉個簡單的例子，如下CSS代碼：

 {
    line-height: 30px;
    vertical-align: -10%;
  }

等同于：

{
  line-height: 30px;
  vertical-align: -3px;    /* = 30px * -10% */  
}