将ion-col内的div对准柱底

Question

我有一列里面有多个divs。如何将最后一个div对齐到列的底部？

示例代码：

<!-- language: lang-html -->
  <ion-grid>
    <ion-row>
      <ion-col>
        <div> some text at the top </div>
        <div> more text at the top </div>
        <div> text at the bottom </div> <!-- I want this to be at the bottom of the column-->
      </ion-col>
    </ion-row>
  </ion-grid>

Answer 1

我没有很好地解释我的问题。 我在同一ion-row中有2个高度不同的列，这在较短的列上创建了额外的空间。

我通过将所需的底部div放在单独的离子行中解决了我的问题。