ブログに埋め込んだTweetを簡単に中央寄せ表示

ブログ記事に埋め込んだTweetを中央に表示させたかったのでちょいとGoogleで調べました。

埋め込む時はこんな感じの埋め込み専用コードが発行されるのでそれをコピペすることになります。

class名に「tw-align-center」を追加してあげればセンタリングできるようなのですが、私のサイトでは意図した通りに表示されませんでした。

blockquote要素にdata-align="center"を追加してもセンタリングできるようです。この方法で中央表示させることができました。

今後twitterを埋め込む場合は、blockquote要素にdata-align="center"を埋め込むことで対応しようと思います。

埋め込んだTweetを簡単に中央寄せ表示する方法

投稿日