1

フォームがあり、99lime.com の HTML KickStart を使用して、幅 col_4 で中央に配置したいと考えています。それ、どうやったら出来るの？現在、私はこれを持っています：

<div class="grid">
    <div class="col_12">
        <form class="vertical" action="#">
            <input size="5" id="text_email" type="email" name="email" placeholder="Email"><br>
            <input size=50 id="text_alias" type="text" name="alias" placeholder="Alias"><br>
            <input size=50 id="text_password" type="password" name="password" placeholder="Password"><br>
            <button type="submit">Sign up</button>
        </form>
    </div>
</div>
4

1 に答える 1

2

HTML キックスタートは、CSS フロートを使用してグリッドを構築しているように見えます。ボックスを中央に配置するには、グリッド システムの外に出る必要があります。

おそらく、コンテナ div にカスタム クラスを追加します。

<div class="grid">
    <div class="col_4 central">
        <form...

次に、CSS で次のことを試してください。

.grid .central {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

margin-left&margin-rightを設定するautoと、div がその親の中央に配置されます ( http://bluerobot.com/web/css/center1.htmlを参照)。col_4クラスから幅を取得する必要があります。

于 2013-12-19T12:06:40.163 に答える