Css 对齐<；a>；离子柱内的元素底部

我正在尝试对齐

按钮1
按钮2
.校长联系{
颜色：红色；
右侧填充：3px；
对齐项目：居中；
}

---

我也很难在离子网格内对齐项目。我建议创建一个新的离子行，并将链接放在其中

只需在

ion col

标签中添加

style=“display:flex；justify content:flex end；align items:flex end；”

即可解决您的问题。谢谢

.headerLink{
颜色：红色；
右侧填充：3px；
对齐项目：居中；
}

按钮1
按钮2

将图标col设置为inline flex，现在您可以用边距控制它了

.headerLink{
颜色：红色；
右侧填充：3px；
边缘顶部：7px；
}
离子柱{
显示：内联flex；
}

按钮1
按钮2

对齐项目：居中

如果您在

离子行

中使用flexbox，没有任何区别，'link'下来，坐在按钮座的同一水平面上我会问，您是否在

离子行

上使用

显示：flex

？不，我没有使用，那么它当然不会工作；这就是为什么我说“如果你正在使用flexbox”，试着添加它，看看它是否改变了什么

      <ion-row style="display: flex;">
              <ion-col text-right>
                <a href="" class="headerLink">Report
                  a Problem</a>
                <button color="light" ion-button  (click)="writebackData()">Button1</button>
                <button color="light" ion-button  (click)="writebackData()">Button2</button>
              </ion-col>
            </ion-row>

            .headerLink{
          color: red;
          padding-right: 3px;

align-items: center;
        }