在 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;
}