【CSS】スライダー「slick」の下にできる謎の空白を消すには？

slick.jsでスライドを滑らかに動かすオプション

スライダーを簡単に設置できるお馴染みの「slick.js」ですが、スライダーの下に空白ができることがあります。
そんなときの解決方法をご紹介します。

スライダーの大元のクラスに以下のスタイルを適用させてください。

margin: 0;
padding: 0;
line-height: 0;

ポイントは「line-height」です。

文字の幅があるせいで空白ができてます。

謎の空白で悩んだときには「line-height」を疑って見てください。