読者です 読者をやめる 読者になる 読者になる

やったこと

webサービスを作るときに考えたことを垂れ流します

Twitter Time Line(ツイッタータイムライン)の埋め込みを中央寄せにする方法

web開発

Twitter Time Line(ツイッタータイムライン)とはツイッターの検索結果をwebサイト上に埋め込めるパーツのことです。よくハッシュタグの発言なんかをまとめて表示しているのを見かけますね。

あのパーツを中央寄せ(センタリング)するにはcssでこうします。

<!-- HTML -->
<div class="twt_wrap">
  <a class="twitter-timeline">
    ここにパーツを記述・・
  </div>
</div>

<!-- css -->
.twt_wrap {
  text-align: center;
}
.twt_wrap > iframe {
  margin: auto;
}

こんな風に「twt_wrap」でくくってあげるとちゃんと中央寄せになりました。

以上です。