【Twitter】埋め込みツイートを中央揃えにする書き方

Twitterのツイートをサイトに埋むみたいことがありますが、そのまま埋め込みをすると、左側に寄ったままになるんですよね。

今回は、そんな左側によった埋込みツイートを、中央揃えにする方法です。

埋め込みツイートの中央揃え

一番簡単な方法です。尚且つ、あまり埋込しない方用。

埋込コードの最初blockquoteタグのclass=”twitter-tweet”に「tw-align-center」を追加すると、真ん中に設定できます。

例

<blockquote class="twitter-tweet tw-align-center" data-lang="ja">

こんな感じに真ん中に表示できます。

ヴェノムかわいい、値段かわいくない
ヴェノムでトムハがしてた腕時計BREMONT(ブレモン)「U-2/51-JET」 https://t.co/Ks6YoA6kq5 pic.twitter.com/dql0AIC4ZM

— Clac (@rateart) 2018年11月11日

ツイートの埋込が真ん中にあると、とてもバランスがよくなりますね。

右側に寄せたい場合は、center部分をrightにすることで可能になります。