如何使 twitter 在页面上嵌入中心？答案

【问题标题】：How do I make twitter embed center on page?如何使 twitter 在页面上嵌入中心？
【发布时间】：2018-04-18 03:08:25
【问题描述】：

我正在尝试以这样的方式嵌入 twitter 视频和 twit，以便它们在页面上居中并且还占据整个容器宽度（my-container）

下面是我的html

<div class="my-container">

 <blockquote class="twitter-tweet" data-lang="en">
  <p lang="und" dir="ltr">Fan. <a href="asdasd">asdasdasdas</a></p>&mdash; #DateChallenge (@Oloni) <a href="https://twitter.com/Oloni/status/927333497538252800?ref_src=twsrc%5Etfw">November 6, 2017</a></blockquote>

 <blockquote class="twitter-tweet" data-lang="en">
  <p lang="en" dir="ltr"><a href="https://twitter.com/Oloni?ref_src=twsrc%5Etfw">@Oloni</a> I didn&#39;t know what to say after he said yes ???? <a href="asdasd">pic.twitter.com/aRcbEIaF06</a></p>&mdash; keshef mir (@keshefmir) <a href="https://twitter.com/keshefmir/status/923566544637984768?ref_src=twsrc%5Etfw">October 26, 2017</a></blockquote>


 <blockquote class="twitter-tweet" data-lang="en">
  <p lang="en" dir="ltr">There’s a severe weather warning out for Sydney and the NSW south coast today. <a href="https://twitter.com/hashtag/9News?src=hash&amp;ref_src=twsrc%5Etfw">#9News</a> <a href="asdasd">pic.twitter.com/J43t8Z4wJ2</a></p>&mdash; Nine News
  Sydney (@9NewsSyd) <a href="https://twitter.com/9NewsSyd/status/927250318454169601?ref_src=twsrc%5Etfw">November 5, 2017</a></blockquote>

</div>

我有一个示例代码笔来显示这个https://codepen.io/hellouniverse/pen/QOEKdZ

如何使这些居中？

【问题讨论】：

标签： html css twitter

【解决方案1】：

.my-container{
    margin:auto;
    width:200px;    
}

这是有效的。现在由您决定如何调整宽度。

【讨论】：

【解决方案2】：

这也可以通过添加align="center"来实现。

【讨论】：

align="center" 是一些较旧的代码，HTML5 不再支持它。但是，如果您只使用 HTML4 就可以了。这意味着它不适用于<!doctype html>

【解决方案3】：

更新：

请改用class="twitter-tweet tw-align-center"。

Embeded tweet parameter reference

【讨论】：