亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

對齊角度圖標和 HTML 文本

對齊角度圖標和 HTML 文本

守著一只汪 2023-12-19 15:48:45
這是我的 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

}


查看完整回答
反對 回復 2023-12-19
  • 1 回答
  • 0 關注
  • 144 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號