javascript - 水平对齐HubSpot表单

我希望HubSpot表单像下面这样水平对齐。我已经在hubspot中使用了嵌入代码功能，该功能基本上链接到JavaScript。



我尝试摆弄这些参数http://designers.hubspot.com/docs/cos/hubspot-form-markup，但没有任何运气。

最佳答案

从此链接开始以了解自定义HubSpot表单嵌入代码的来龙去脉：http://developers.hubspot.com/docs/methods/forms/advanced_form_options

您的未样式化表单JS将如下所示：

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
    hbspt.forms.create({
        portalId: 'XXXXXXX',
        formId:   'XYZXYZXYZXYZ',
        css: '' // <-- Intentionally empty string!
    });
</script>

为CSS提供一个空字符串将阻止该代码段加载默认的hs-form样式表。

恭喜！现在，您可以使用自己的CSS样式表覆盖未样式化的内容。在您自己的工作表中，定义在Designer文档中此处提到的所需类：http://designers.hubspot.com/docs/cos/hubspot-form-markup#styling-forms

如果我们遗漏了标记，并且您需要定义自己的CSS类的帮助，请告诉我。