javascript - 居中 Facebook“发送到 Messenger”按钮和文本

Question

有没有办法将“发送到 Messenger”按钮居中，使其与“登录为”文本居中？

这种对我们移动 UI 的用户体验的负面影响，我们尝试了各种 CSS 技巧，但都没有成功。

我知道如果 iframe 从同一域内加载，则 iframe 的 CSS 只能用 JS 更改，因此它也不是可能的修复。

FB 默认：

我们想要这样：

.text-center {
text-align: center;
}

.btn-send-fb {
   width: 180px;
   margin: 0 auto;
}


<div class=“text-center btn-send-fb”&gt;
           <div class=“fb-send-to-messenger”
                data-messenger_app_id=“1000000000000”
                data-page_id=“1000000000000"
                data-color=“blue”
                data-size=“xlarge”
                data-cta_text=“SEND_THIS_TO_ME”&gt;
           </div>
 </div>

有任何想法吗？

标签： javascriptcssfacebook