由於是相對字母 x 的下邊緣對齊，而中文和部分英文字形的下邊緣要低於字母 x 的下邊緣，因 此，會給人感覺文字是明顯偏下的，一般都會進行調整。

vertical-align屬性值

（1）線類 middle ,top,bottom

（2）上下標 sub super

（3）文本類 text-top text-bottom

（4）數值類 10px 1em 20% -10px

vertical-align作用的前提

只能作用於內聯元素以及display值為table-cell的元素

浮動和絕對定位會讓元素塊狀話，因此不會支持Vertical-align

vertical-align的百分比值是相對於line-height計算的

text-align:justify 兩端對齊需要的內容超過一行

一個 inline-block 元素，如果裏面沒有內聯元素，或者 overflow 不是 visible， 則該元素的基線就是其 margin 底邊緣；否則其基線就是元素裏面最後一行內聯元素的基線

圖標後跟文字https://demo.cssworld.cn/5/3-7.php

vertical-align:middle

內聯元素：元素的垂直中心點和行框盒子基線往上 1/2 x-height 處對齊。

table-cell 元素：單元格填充盒子相對於外面的表格行居中對齊。

vertical-align的上標和下標屬性和html裏的<sup>和<sub>的區別在於html元素會將內容設置為smaller

CSS進階（七）vertical-align