html - CSSでフォームをセンタリングする

Question

センタリングできないフォームがあります。私は次のような多くのことを試しました：

form{
     display:inline-block;
     text-align:center;
     margin:auto;
}

しかし、ダングは中心になりません。助けてください？

score 4 · Accepted Answer

form {
    width: 50%; /* adjust as needed */
    margin: 0 auto;
}

ブロックレベルの要素は、左右の余白を同じ値に設定することで中央に配置されます。一般に、これを行う最も簡単な方法は、両方をに設定することautoです。text-align一方、スタイルを適用する要素内のインライン要素に適用されます。

score 1 · Accepted Answer

マージンをいじってもうまくいくはずです。要素の上/下の余白を設定し、残りを自動に設定すると、自動的に中央に配置されます。

margin: 100px auto 0 auto;

score 0 · Accepted Answer

display: inline-block と text-align の組み合わせを使用する場合は、親要素の例に text-align を配置する必要があります

<div style="position: relative; display: block; text-align: center">
   <div style="display: inline-block">
</div>

また

from cssに幅を入れるだけです

form{
     display:block;
     margin:auto;
     width:600px;
}

3 に答える 3