居中表单表单

Question

使用嵌入的模板设置一个快速表单，但是我想要将表单居中，但无法居中。

<a name="form789985197" id="formAnchor789985197"></a>
<script type="text/javascript" src="http://fs8.formsite.com/include/form/embedManager.js?789985197"></script>
<script type="text/javascript">
EmbedManager.embed({
    key: "http://fs8.formsite.com/res/showFormEmbed?EParam=bJeI6E3QIKDSIfZNMjkSkRGOwQgdGLHi&789985197",
    width: "70%"
});
</script>
<!-- Notes: 
To control the width of the form, change width: "100%" to any number or percentage.
To pre-populate fields in the form or to use a custom resize callback, see http://fs8.formsite.com/documentation/embedded-form.html
-->

如何使窗体居中？

这是代码板link。

Answer 1

我从未使用过嵌入式表单，但我阅读了documentation并设置了这个jsFiddle http://jsfiddle.net/roimergarcia/NxzCH/。看起来a标记只是一个标记，并且在其前面插入了一个iframe。解决方案是将a标记扭曲到div中，并将text-align:center设置为该div：

<div id="formContainer" style='text-align: center;'>
    <a name="form789985197" id="formAnchor789985197"></a>
</div>
<script type="text/javascript" src="http://fs8.formsite.com/include/form/embedManager.js?789985197"></script>
<script type="text/javascript">
EmbedManager.embed({
    key: "http://fs8.formsite.com/res/showFormEmbed?EParam=bJeI6E3QIKDSIfZNMjkSkRGOwQgdGLHi&789985197",
    width: "70%"
});
</script>