在联系表格 7 上居中对齐谷歌验证码框答案

【问题标题】：Align google Captcha box centally on contact form 7在联系表格 7 上居中对齐谷歌验证码框
【发布时间】：2020-03-09 04:54:51
【问题描述】：

我正在尝试将验证码 V2 框添加到我的联系表单中，但是我无法将其居中对齐，并且它始终与左侧对齐。

看起来 iframe 正在添加一个设置了宽度和高度的 div 样式，如果我在检查器 (element.style) 中将此设置为自动，它会删除左对齐，但在定制器中添加类 CSS 规则似乎没有即使我做到了！重要的是，下界确实在构建器的联系人中的短代码周围包裹了一个 div，所以我有点卡住了

【问题讨论】：

寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码，最好是在堆栈片段中。尽管您提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website/example doesn't work can I just paste a link。
.wpcf7-form-control-wrap > div > div {text-align:center; margin:0 auto;} 在你的样式表中添加这段代码
你只需要添加这个css .wpcf7-form-control-wrap .g-recaptcha>div { display: block;边距：0 自动； }

【解决方案1】：

将此 CSS 放入文件中。

.g-recaptcha > div{margin: 0 auto;}

【讨论】：