NeGiMeMo.net

ねぎさんのメモ帳。日常・メモ・ときどきWordPress。

各種ソーシャルシェアボタンを並べると微妙にガクガクになる時の対処法

bell賞味期限切れコンテンツ

この記事は公開または最終更新から1321日くらい経過しています。
このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。

share_pos_fix

こんばんは。@nyagihimeです。ボタンサイズを一番近いものにして(Googleの+1みたいにサイズを選べる場合は)、それを横に並べた時、それでも微妙にずれること、ありませんか?

自分はよく悩まされてました。

主にFacebookのいいねがちょっとだけずれるんですよねぇ…。

これをなんとかする方法をいろいろと考えていたのですが、

このようにそれぞれをDIVで囲んで、

親側に「display:table」子側(ボタンが入る側)に「display:table-cell」と「vertical-align:middle」を付けて中央揃えにしてみたところ、一番すっきりと並ばせることができました。

ただし、IE6とIE7ではこの「table-cell」は無視されてしまいますので、table-cellのかわりに「display:inline」と「zoom:1」を利用すれば大丈夫なはずです。

TAGS