将ion-col内的div对准柱底

Question

I have a column with multiple divs inside it. How can I align the last div to the bottom of the column?

Example code:

<!-- 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

I didn't explain my question that well. I had 2 columns with different heights in the same ion-row which was creating extra space on the shorter column.

I solved my issue by putting the desired bottom divs in a separate ion-row.