html - HTMLを中央揃えにする方法

Question

私はいくつかの CSS スタイリングを含む HTML フォームを持っています。

しかし、私はページの真ん中にフォームセンターを作ることができないようです:

私が試してみました：

.cbp-mc-form {
    position: relative;
    margin:0 auto 0 auto;
    border:1px solid black;
}

しかし、それはうまくいきませんでした - http://jsfiddle.net/uL4Sb/

score 5 · Accepted Answer

フォームに幅がないためです。中央に配置されていますが、ページ全体に表示されているため、表示されません。これは、ソリューションhttp://jsfiddle.net/uL4Sb/3/を含む JSFiddleです。

.cbp-mc-form {
    position: relative;
    margin:0 auto 0 auto;
    border:1px solid black;
    width:500px;
}

ご覧のとおり、幅を追加しました。それでおしまい！

score 1 · Accepted Answer

1

これを試して

form{
width:400px;
margin:0 auto;
}

于 2013-08-21T13:28:17.197 に答える

score 0 · Accepted Answer

フォームをページの中央に配置するには、フォームの幅 (最大幅) を指定する必要があります。試す：

.cbp-mc-form {
        position: relative;
        margin:auto;
        border:1px solid black;
        max-width: 300px;

}

5 に答える 5