在 splidejs 圖片庫中居中拇指

Question

我正在處理縮略圖 Slider，如下所示：

https://splidejs.com/tutorials/thumbnail-slider/

在大屏幕上，拇指左對齊。 我試着讓他們居中。

參見https://codepen.io/caplod/pen/ExboPyP

但隨后第一個在小屏幕上被切斷。

#thumb .splide__list {
  justify-content: center
}

我怎樣才能解決這個問題？

Answer 1

Puedes agregar un contenedor a splide, funciono para mi

#container{
  display         : flex;
  justify-content : center;
}

Answer 2

添加代碼 align-items:center;

#thumb .splide__list {
    justify-content: center;
    align-items:center;
}