【问题标题】:CSS 960 grid system layout issueCSS 960 网格系统布局问题
【发布时间】:2012-04-20 08:57:41
【问题描述】:

多年来,我一直在尝试使用 class="grid_x alpha omega clear 等...但无论我尝试了什么,我都无法让登录框 @http://ci2.totalshopuk.com/login 正确排列。任何人都可以看到什么我做错了吗?

谢谢

【问题讨论】:

    标签: html css 960.gs


    【解决方案1】:

    尝试将.blockheader { padding: 2px; } 更改为.blockheader { padding: 1px; } 这对我有用!

    【讨论】:

    • 啊,非常感谢,还有什么东西让左边的空白比右边大,还有什么想法吗?欢呼
    • 给.blockheader和.blockbody添加宽度548px
    • 实际上这会搞砸所有其他标题等,添加样式 .grid_14 .blockheader, .grid_14 .blockerbody { width:548px; }
    • 现在通过设置宽度看起来很完美,非常感谢,但我不禁想知道为什么网格系统不适合我的设计是不是有什么地方设置了一些推动 div 的东西你能看到的像素?
    • blockheader 和 blockbody 类...是你做的吗?还是它们是 960GS 的一部分?
    【解决方案2】:

    这两个元素都在 div 中居中。您需要将标签放入 a or 标记中,以控制其在父 div 中的位置。然后相应地设置宽度以使其对齐。

    网格系统并不总是设置表单元素宽度的最佳选择。

    【讨论】: