Html 以谷歌雷帕查为中心

我开始在我的网站上使用谷歌验证码提交一系列表单，我不得不调整所说的验证码的大小，因为它们是模态的大方向，部分位于模态之外，所以我按照说明调整了它们的大小。令人高兴的是，调整大小的工作，CAPTCHA现在出现在正确的大小为模态，但他们似乎没有居中，我用尽了选择，他们居中，我尝试了几乎一切，但他们拒绝居中

我尝试添加类

my auto

，

text align:center和
显示：内联块和其父div中的
文本中心
和
验证资源中心
，均无效

我没有收到错误信息，我也没有想法

我使用的是bootstrap4

下面是我的模态代码：


领事馆
&时代；
名义
电传
邮寄
领事馆
环境顾问
笛卡尔

下面是我的调整大小CSS代码：

.g-recaptcha{
变换：比例（0.77）；
-webkit变换：比例（0.77）；
变换原点：0；
-webkit转换原点：0；
}

这是一张照片：


提前感谢您的时间，我期待着成为这个社区的一员，我听到了很多积极的事情。
您为什么不将按钮的左右边距设置为
auto
？验证码应该放在它自己的
div
下。
或者，使用
文本对齐：居中与父分区。记住也要使用最新的浏览器。
像HDP一样，我已经在桌面上测试过，效果很好。我使用Angular来复制它，因此我使用了
标记而不是
class=“g-recaptcha”

您使用了哪些技术/框架实现该应用程序？你在那个安卓上用什么浏览器

通过查看我的各种旧Android项目，我发现了一些你可以尝试的东西。Angular 6和Bootstrap 4实现了在移动设备上的工作，也许它将帮助您开发解决方案：

<div class="container">
    <!-- Headline -->
    <div class="row">
      <div class="col text-center">
        <br>
        <p>
          Things are only impossible until they are not!<br>
          <br>
        </p>
      </div>
    </div>

    <!-- Image/Frame -->
    <div class="row mt-2">
      <div class="col d-flex justify-content-center">
        <div class="frame d-flex align-content-center flex-wrap">
          <div class="mx-auto">
              <i class="fa fa-check-circle-o" aria-hidden="true"></i>
          </div>
        </div>
      </div>
    </div>

    <!-- Button -->
    <div class="row mt-5">
      <div class="col d-flex justify-content-center mb-5">
        <button class="btn btn-lg btn-checkStyle rounded-pill px-5" [disabled]="clicked" (click)="doSomething()">Register now</button>
      </div>
    </div>
</div>





事情只有在不发生之前是不可能的




现在注册
我正在桌面上测试您的代码。它可以正常工作。嗯，你用的是什么浏览器？