居中无验证码验证码 [英] Centering No Captcha reCaptcha

问题描述

经过几个小时的研究和反复试验，我终于能够将新的Google No Capatcha re Capatcha添加到我的表单中并使其正常运行，但是由于某种原因，它无法居中.有什么想法吗?

After a few hours of research and trial and error, I was finally able to add the new Google No Capatcha re Capatcha to my form and get it working, but for some reason, it won't center. Any ideas?

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


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

推荐答案

我赞成:

<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>

这篇关于居中无验证码验证码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！