離子v3對齊按鈕和圖標

Question

在離子創造器（v3）上創建按鈕時，我可以創建這樣的按鈕

但是，當我導出模板時，它呈現為：

這是我的HTML：

<button ion-button icon-end block color="energized">
      <span>Edit</span>
      <ion-icon name="create"></ion-icon>
</button>

如何正確對齊按鈕和圖標，以使圖標位於末尾且按鈕文本居中。 有使用離子指令執行此操作的內置方法嗎？ 還是我必須創建自定義CSS才能實現此目的？

Answer 1

在CSS中，您可以添加

button ion-icon {
    position: absolute;
    right: 20px;
}

選擇器可以是button[icon-end][block] ion-icon{...}