スライド画像がきれいに中央ではなく、中途半端にずれて表示される。。
centeredSlides: true,は書いてるのに、、なんでだろう？
というときに解決した方法をメモしておく。
スライド画像の横幅を指定していなければ、「centeredSlides: true,」の表記だけで中央に表示されるようになる。
が、横幅を指定していると、初期表示がずれたり、スライドしていくとどんどんずれていったりという症状が出てくる。
解決方法はとても簡単だった。
横幅指定して中央に表示させるときのCSSをいつも通り記載しておくのだ。
そう、marginである。
「margin-left:auto;」と「margin-right:auto;」を記載して中央表示にするのだ。
なーんだ。ただの記載もれだった。
ということで、スライド画像の横幅をCSSで指定した場合は、きちんとmarginも記載しましょう。はい、解決〜
