無法使用css網格管理相對於項目內容的高度

Question

目前，當我使用網格創建 css 布局時，此布局中的項目將占據最高項目的高度。 是否可以使項目僅采用其內容所需的高度？

https://codepen.io/anon/pen/NQpQOr

在此示例中，我希望div2具有相對於其內容的高度。

Answer 1

您可以使用align-self屬性來修復它：

.div-2 {
  align-self: start;
}