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中添加