获取reCaptcha的宽度并使用它来设置文本字段宽度？

Question

在我的网站上我有一个谷歌reCaptcha，它只是让我的登录表格看起来很难看。

这是截图

所以我环顾四周，找到了一个像这样的登录表单的网站

看起来非常好，它完全响应所有。我很想知道这样做的方法吗？实际上还没有找到任何关于如何使用谷歌reCaptcha执行此操作的示例。

Answer 1

您可以使用表格并将text-box宽度设置为100%

来执行此操作

示例代码：

<table>
            <tr><td>
                <input type="text" style="width:100%;"><br>
            </tr></td>
            <tr><td>
                <input  class="scaleR" type="text" style="width:100%;"><br></tr></td>
            <tr><td>
                <div class="g-recaptcha" data-sitekey="SITE_KEY" data-callback="checked"></div>
            </tr></td>
        </table>

结果：