嗨，所有的網(wǎng)絡(luò)開發(fā)者，

我遇到了一個有趣的問題，這兩天我一直在為這個問題撓頭。

我們已經(jīng)創(chuàng)建了一個UI組件的私有庫，其中我們已經(jīng)根據(jù)我們的UX準(zhǔn)則設(shè)計了角形材質(zhì)組件。

我試圖將mat-icon-button與相鄰的元素對齊，但是它向上移動了一點。 因為有自定義UX和自定義密度配置，我修改了mat-icon-button內(nèi)部的圖標(biāo)如何水平和垂直居中對齊的代碼。 我也用flex box做過同樣的事情。

display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;

如果我刪除了align-items css屬性，那么按鈕將與相鄰元素基本對齊，但圖標(biāo)不會垂直居中。 我試圖找出這種行為背后的原因，以及解決這一問題的方法。

stack blitz-https://stackblitz.com/edit/tzatnc-sr7fjj?文件=src%2Fstyles.scss

帶對齊-項目:居中

無對齊-項目:居中

更新-添加垂直-對齊:中間；圖標(biāo)按鈕修復(fù)了這個問題。但是我想知道為什么會出現(xiàn)這種情況