スタイルだけで「いいね」がずれるのを解決します!

スタイルだけで「いいね」がずれるのを解決します!

小林

小林

特定のOSおよび特定のブラウザでしか発生しないかと思われますが、

「いいね」だけずれちゃったりしたとき。

ありませんか?こんな風に。

あー、これはずれてるわー。

これ、もしかしたら、「line-height」のスタイルが当たってしまっている所為かもしれません。

.social {
line-height: 0;
}

「いいね」のところだけこんな感じでしてあげましょう。

どうでしょうか、キレイに揃いましたか?

ソーシャルのボタンとかは、外部からいろいろ引っ張ってくるからアタフタしちゃうかもしれませんが、

割と簡単に解決することもあるかもしれませんね。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL