【问题标题】:how to center grid using 960 grid system如何使用 960 网格系统使网格居中
【发布时间】:2014-06-08 13:04:31
【问题描述】:

我正在尝试将 grid_5 置于 container_12 的中心,但没有任何成功。你知道如何将grid_5居中。我用的是网格系统960

<article class="container_12">
        <section id="signupform" class="grid_5">
            <form action="">
                <div>
                    <label>Username*</label>
                    <input type="text" name="username" autofocus>
                </div>
                <div>
                    <label>Password*</label>
                    <input type="password" name="password">
                </div>
                <div
                    <label>Conferma Password*</label>
                    <input type="password" name="confirm_password">
                </div>
                <div>
                    <label>E-mail*</label>
                    <input type="email" name="email">
                </div>
            </form>
        </section>
    </article>

【问题讨论】:

标签: html css centering 960.gs


【解决方案1】:

使用这个 CSS:

.container_12 .grid_5 { width: 380px; float: none; display: block; margin: 0 auto; }

演示:http://jsfiddle.net/AYmFL/2/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    • 1970-01-01
    • 1970-01-01
    • 2011-04-06
    • 2011-07-05
    • 1970-01-01
    相关资源
    最近更新 更多