Centering No Captcha reCaptcha

经过几个小时的研究和反复试验，我终于可以将新的Google No Capatcha re Capatcha添加到我的表单中，并让它工作，但由于某种原因，它不会让任何人有任何想法？Centering No Captcha reCaptcha

<!-- reCapatcha --> 
<div id="capatcha"> 
    <div class="g-recaptcha" data-sitekey=""></div> 
</div> 


#capatcha { 
    margin: 0 auto; 
    display: block 
}

来源

2014-12-10 Jack Kudla

尝试增加

width: 50%;

到你的CSS。我看了另一个答案，它说，

display: block;

是为IE。

来源

2014-12-10 22:04:35 Blue

谢谢你的建议，宽度：100％不是做了我什么，但是当我试图50％，这是非常接近我希望它以75％结束 – 2014-12-10 22:23:26

在所有答案中，这是最糟糕的。检查这一个[更好的主意]（http://stackoverflow.com/a/29836372/124486） – 2016-05-18 07:36:40

@EvanCarroll我不能改变，如果我的答案被接受或不。我知道这很糟糕。这是在1。1年前回答的。现在我知道更好。 – Blue 2016-05-18 10:22:44

-1

<style> 
#capatcha { 
margin: 0 auto; 
display block; 
} 
</style> 
<!-- reCapatcha --> 
<div style="width: 100px; border: solid 1px;" 
<div id="capatcha"> 
<div class="g-recaptcha" data-sitekey="">1234</div> 
</div> 
</div>

在空白页上测试过的作品。

来源

2014-12-10 22:10:05

你实际上是否调用了改变.g-recaptcha类的javascript？这个问题不是关于g-recaptcha的摘要。这是关于谷歌图书馆推出的。 – 2016-05-18 05:47:42

这与其他答案类似，但我认为值得分享。我不喜欢硬编码值，但没有CAPTCHA验证reCAPTCHA的宽度似乎是304px，所以你可以使用它作为您的宽度：

<style> 
div.g-recaptcha { 
    margin: 0 auto; 
    width: 304px; 
} 
</style> 

<!-- reCAPTCHA --> 
<div class="g-recaptcha" data-sitekey=""></div>

这应该正好居中验证码。

来源

2015-01-21 13:32:35 russianmario

[以下解决方案更好]（http://stackoverflow.com/a/29836372/124486）。理由请看@NevilleDastur的评论（我同意他/他）。 – 2016-05-18 07:37:29

我去：

<style> 
    /* already defined in bootstrap4 */ 
    .text-xs-center { 
     text-align: center; 
    } 

    .g-recaptcha { 
     display: inline-block; 
    } 
</style> 
<div class="text-xs-center"> 
    <div class="g-recaptcha" data-sitekey=""></div> 
</div>

来源

2015-04-23 23:52:26 jxmallett

我认为这是一个很好的答案，避免了样式中的固定值。如果在引导环境中使用，然后将'.text-center'应用于周围的列div，然后将'.g-recaptcha'样式添加到您的自定义css – NevilleDastur 2015-08-02 12:16:55

@NevilleDastur刚刚更新了您的想法。 – 2016-05-18 13:22:08

感谢这对我有帮助 – user889030 2016-08-22 14:53:48

这个代码将被工作。

<div align="center" class="g-recaptcha" data-sitekey="your key code"></div>

来源

2015-12-15 09:01:14 chodaict

也可以在自定义的css中添加