自分のフォームボタンの中心に置くことはできますか？

-1

私はCognitoフォームを使用していますが、うまくいきます。私を苛立たせるのは、「送信」ボタンが中央にならないことだけです。私は試してみましたが、送信ボタンはまだ左側にありますが、その上にテキストボックスを中央に置くだけでした。私はこれのための非常に多くのオプションが表示されません。 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>

出典

2016-06-12 Dylan

親 'テキスト整列を与えます（「？なぜ、このコードが動作していない」）、デバッグの助けを求めているcenter' – LGSon

*質問を望ましい行動を含める必要があり、特定の問題やエラーや必要な最短コード質問自体にそれを再現する。明確な問題文がない質問は、他の読者にとって有用ではありません。参照：[mcve]。*を作成する方法*そのスクリプトがHTMLとCSSを生成している場合、スクリプトの結果はあなたの質問に必要なものです。スクリプトタグからこれを解決することはできません。 – BSMP

私が持っているのはスクリプトタグです。フォームはCognitoフォームでホストされています。私はそのスクリプトを自分のコードに貼り付けるだけです。今私の問題を見ますか？ – Dylan

スパンタグの終わりの直前に、以下のスクリプトを追加することができます。

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

出典

2016-06-12 05:55:08 San

これは私のCognitoフォームを微調整しましたが、スクリプトは完全に機能しました！どうもありがとうございます！ – Dylan

私はCSSに新しいですが、私は、正確な問題を抱えて覚えています。それが失敗した場合はhtmlページ

<div class="cognito center-button">

で

例

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

をセンター：CSSファイルを作成し、これを試してみて、追加要素ですが、センターボタン言うし、テキスト・alighを適用してみましょう余裕を持って遊びたいかもしれません。

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

希望します。

出典

2016-06-12 05:46:48 Twahanz

ちょうどそれを試み、それは動作しませんでした。このシンプルなボタンはなぜ難しいのですか？ – Dylan

自分のフォームボタンの中心に置くことはできますか？

答えて

関連する問題