タグ

snsに関するstudio-hのブックマーク (2)

  • 最小限の記述でソーシャルボタンを綺麗に並べる | rakuishi.com

    Twitter, Facebook, Pocket, hatena 等のソーシャルボタンを綺麗に並べる方法を紹介します。 各ソーシャルボタンのコードを取得してきたまま貼り付けると上下がガタガタになります。これまではボタンの横幅を決め打ちし、float: left で横並びにして余白を調整していたのですが、良い方法とは思えませんでした。 最近、仕事で使っているのは、各ボタンを div で囲って、display: inline-block にして横並びにする方法です。これが最小限の記述でいちばん綺麗にソーシャルボタンを並べることができます。 inline 要素になったことにより(ちなみに inline-block は、inline とは異なり margin を設定できる)、行の中で縦方向の揃え位置を調整できる vertical-align が使えるようになります。これを top にすれば、上揃

    最小限の記述でソーシャルボタンを綺麗に並べる | rakuishi.com
  • BLOGOS サービス終了のお知らせ

    平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ

    BLOGOS サービス終了のお知らせ
  • 1