這是我的 HTML 代碼<div class="transfer-link" *ngIf="showTransferLink" qa-name="transfer-link"> <a routerLink="/Transfers"> <mat-icon>sync_alt</mat-icon> <div> Transfer </div> </a> </div> </div>這是我的scss代碼 @media (min-width: 320px) and (max-width: 768px) { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid $color-gray-light; flex-direction: row; div[role='button'] { flex-direction: row; .mat-icon { margin-right: 0.5rem; font-size: 1.5rem; height: 1.5rem; width: 1.5rem; } } }我正在嘗試將我的圖標與我的轉接旁邊對齊這就是我目前擁有的這就是我想要實現的目標
1 回答
慕無忌1623718
TA貢獻1744條經驗 獲得超4個贊
<div class="transfer-link vertical-align" *ngIf="showTransferLink" qa-name="transfer-link">
<a class="vertical-align" routerLink="/Transfers">
<mat-icon>sync_alt</mat-icon>
<div>
Transfer
</div>
</a>
</div>
</div>
并添加到你的CSS
.vertical-align {
display: flex;
align-items: center
}
- 1 回答
- 0 關注
- 144 瀏覽
添加回答
舉報
0/150
提交
取消