照片垂直置中

更多 CSS 達成 Div 垂直置中的方法研究 (CSS Vertical Centering Complete Guide)

在這個網站上的作者有非常完整詳細的說明， 這裡僅將其中兩種做法保留下來。

.prod-thumbnail {
    display: block;
    margin: 0 auto;

    /* Point */
    width: 130px;
    height: 130px;
    object-fit: contain; /* 在130正方的空間完整地將圖片顯示出來 */
    /* 還有另一個參數可用( cover )*/
}

.parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}