如何将这张卡居中对齐？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何将这张卡居中对齐？

P粉851401475 2024-03-31 11:48:07

[JavaScript讨论组]

662

我遇到了用 swiperjs 制作的卡片的问题。我试图将卡片置于移动屏幕的中心，但我做不到。请帮我解决这个问题。

var swiper = new Swiper(".slide-content", {
  slidesPerView: 3,
  spaceBetween: 30,
  loop: true,
  centerSlide: 'true',
  fade: 'true',
  grabCursor: 'true',
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});

P粉851401475

全部回复(1)

P粉8785105512024-04-01 09:14:28 1楼

var swiper = new Swiper(".slide-content", {
  slidesPerView: 1, // Set the number of visible slides to 1
  loop: true,
  centerSlides: true, // Use 'centerSlides' instead of 'centerSlide'
  fadeEffect: true, // Use 'fadeEffect' instead of 'fade'
  grabCursor: true,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});