Google Captcha的定位在桌面/平板电脑上运行良好，但在移动设备

Question

我有以下HTML：

   <div class="form-group" style="margin-left: 7%;" id="gCaptcha">
     @Html.Recaptcha("MyKey", CaptchaTheme.Dark)
     @Html.ValidationMessage("ReCaptcha")
   </div>

正如你所看到的，我已经指定了margin-left：7％的原因是因为我希望它出现在中间而不是向左浮动，如下所示：

这在台式机/平板电脑上工作正常，但是当在移动设备上查看时，由于左边距离，它向右推进：我已经指定了7％，现在为了解决这个问题，我假设我可以放置边距左边：汽车; margin-right：auto但是没有做任何事情，任何人都可以提出一种方法，使这个验证码出现在所有设备的中间吗？

Answer 1

您好，请在@media手机中尝试此操作：

重要的内联样式会覆盖任何其他css

删除 风格=＆＃34; margin-left：7％;＆＃34;

#gCaptcha{
  margin: 0 auto;
  width: 85%;
}

如果这不起作用，请提供.form-group的CSS