java - 在 div 中对齐居中的 reCaptha 元素

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>