將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放在單獨的離子行中解決了我的問題。