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」を利用すれば大丈夫なはずです。

コメントする