对如何使用960网格添加左边距感到困惑

时间:2012-05-15 04:31:42

标签: javascript html css html5 960.gs

我有以下HTML:

<ul class="container_12">
  <li class="Home current" title="">
  <a title="">Home</a>
  <ul>
     ...

我想要做的是让顶部ul中的li元素不能直接从左侧开始。我想将它们移动一两个网格位置。

使用960网格最好的方法是什么?我很困惑,如果我应该更改顶部ul的类,或者我应该将顶部ul包含在另一个container_12中,然后为该ul设置一个不同的类。

1 个答案:

答案 0 :(得分:1)

您需要使用push_1push_2来移动某个或两个已定义的网格位置。显然,如果两个ul都在同一个网格块中,那么它们都会移动。您需要将需要推送的任何东西分开到另一个容器中。

当你正确理解它的工作方式时,网格系统非常有用,我认为你应该对幕后发生的事情有一个良好的基础,最好的教程之一是 - Mastering the 960 grid system

除此之外,我还强烈建议您使用此在线工具来帮助您创建自定义网格 - online grid generator