【wordpress】facebookのLIKE・シェアボタンが下がる対処方法 | WP helper
wordpressで作ったブログ・ホームページに、facebook（いいねやtwitter（ツイート）などのSNSシェアボタンを設置するプラグイン『WP Social Bookmarking Light』を使っているのですが、使用しているテーマによりfacebookのLIKE（いいね）ボタンとシェアボタンが下がることがあります。 そんなときはスタイルシート（style.css）に下記のコードを入れると直ります↓ .fb_iframe_widget > span { vertical-align: baseline !important; }簡単ですね！これでスッキリです♪ 参考：http://h2ham.net/facebook-like-button-vertical-problem
増えてきたソーシャルボタンを横に綺麗に並べるCSS
「CSS」の「flot」を使ってそのままソーシャルボタンを並べると上揃いで下が少しだけデコボコしてしまいます。 今までは「padding」などで微調整して下揃え風にしてたのですが、ソーシャルボタンが増えてきて「もう、面倒くさい！」となり、色々試した結果「display:inline-block;」に辿り着きました。 「vertical-align」プロパティが適用できるのは「インライン要素」と「テーブルセル」 今回は、ソーシャルボタンを下揃えにしたいので「vertical-align」プロパティが使いたいと考えていて、調べてみると「vertical-align」が使えるのが、インライン要素とテーブルセルだと分かりました。あとは、スマホでの表示具合などを見ながら試してみました。 「テーブルセル」を試してみた 「display」プロパティの「table」要素と「table-cell」要素を使っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
