css文本與按鈕水平對齊

在工作中遇到一個奇怪的現象。

在table td中，文本和按鈕沒有水平對齊。如下圖：

 添加按鈕比文本低一點（約2px），找了原因，發現是垂直居中屬性在影響它。

經過研究 vertical-align: middle; 會導致按鈕下移2px。

由於這個是引用第三方組件的樣式，所以我們需要修正位置。

自定義 vertical-align: unset; 即可。不設置垂直居中，按鈕的位置反而正常了。

 針對這個現象在此記錄一下。