在div中对齐居中的reCaptcha元素

Question

我在我的网站上使用reCaptha，我有这个代码，用Java：

<div id="reCAPTCHA"><c:out value="${requestScope.reCapchaChallenge}" escapeXml="false" /></div>

问题是，reCaptcha对象不在div ID = reCAPTCHA中居中，它是左对齐的。

修复了什么？

Answer 1

这是一种方法。我相信reCaptcha有一个设定的宽度。为了找到它的宽度，我会使用Chrome Inspector，Firebug等。然后像这样使用CSS：

将图片作为reCaptcha的占位符，http://jsfiddle.net/TK87b/

的示例

CSS

#reCAPTCHA {
     width: 300px; /* whatever the width of reCaptcha is */
     margin: 0 auto;
}

HTML 的

<div id="reCAPTCHA">
     <!-- your reCaptcha code -->
</div>