SNSボタンを並べる方法を簡単に書いてみた - ファンブログハック

前にSNSボタンをブログに設置する時のコードなんて記事を書きました。 今回は、そのSNSボタンを綺麗に横に並べたいな、って事で方法を簡単ではありますが少し書いてみます。 前提 こんな事は書くまでもありませんが、まずはボタンの大きさを揃えましょう。SNSボタンは複数の大きさや種類が選べるかと思いますが、ちゃんとそのボタンの大きさは揃えましょう。 また、その時、横幅の指定等がある場合は、それもちゃんと指定しておきましょう。facebookのいいねボタンとかは横幅の初期設定が大きめだった記憶があります。それをちゃんと小さめに指定することで、横に並べた時に変に余白が空けずに並べられると思います。 floatで並べる SNSボタンのコード1つ1つをdivタグなどで囲って、floatで並べます。floatを使うと上下のズレなどもほとんど生じずに並べる事が出来る印象があります。 具体的には、例えば <d

[mayoi_inu]

どうしてもズレていたのが解決しました！

[iwemon100kg]

特にCSSの設定をしなくても奇麗に横並びされるようになったけど、こういう知識があると応用がきく。

[nilab]

SNSボタンを並べる方法を簡単に書いてみた - ファンブログハック

[noriji_m]

ソーシャルボタン　いいね　Twitter