Question

我使用的是Cognito Form并且效果很好，唯一让我烦恼的是＆＃34;提交＆＃34;按钮不会成为中心。我试过了，只是让它上方的文本框居中，而提交按钮仍在左侧。我没有看到很多其他选择。 https://gyazo.com/bd4a143cefe2a0f764a82bd922f92e6f

<div class="cognito">
<script src="https://services.cognitoforms.com/s/kQtsv-uYpE2Bbu47xu3lPw">    </script>
<script>Cognito.load("forms", { id: "1" });</script></span>
</div>

Answer 1

您可以在span标记结束之前添加以下脚本。

<script type="text/javascript">
    window.onload = function() {
        document.querySelector(".cognito .c-action").style="text-align: center;float:none;";
    };
    </script>

Answer 2

以防万一有人还在寻找答案。使用无缝嵌入，以下CSS对我有用：

.cognito .c-action{
    float:none !important;
}
.c-action #c-submit-button, .c-action{
    display:block;
    margin:0 auto !important;
}

Answer 3

我是CSS的新手，但我记得有一个确切的问题。试试这个创建一个CSS文件并添加一个元素，让我们说中心按钮，然后应用text-aligh：center

实施例

.center-button{
  text-align:center!important;
}

在html页面

<div class="cognito center-button">

如果失败了，你可能想要玩边缘。

 .center-button{
    margin-left: 50%;
 }

希望它有所帮助。

如何将我的表单按钮居中？

3 个答案: