具有未知高度居中圖片的水平滾動條

Question

我想在html/css（不帶js）中創建一個從水平滾動條從數據庫中獲取圖片的塊，以便它們將居中，而不管它們的高度如何。

我發現以未知高度爲中心的唯一解決方案是使用display: table或display: flex。但是，我發現製作水平滾動條的唯一解決方案需要使用display: block。有什麼辦法可以完成這兩項任務嗎？

編輯：

像這張圖片。我的意思是太平洋島嶼國家應具有不同高度集中：

Pic

Answer 1

你不得不放棄一些你的代碼，並可能是一個你想要達到什麼更好的解釋。我不知道這是否會工作，但是...在CSS中試試這個：

vertical-align:middle; 

對照片。