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

Confused about how to add a left margin using the 960 grid

本文关键字:左边 添加 何使用 网格      更新时间:2023-09-26

我有以下 HTML:

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

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

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

您需要

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

当您正确了解网格系统的工作原理时,它非常有用,我认为您应该对引擎盖下发生的事情有一个良好的基础,最好的教程之一是 - 掌握 960 网格系统

除此之外,我也可以强烈推荐这个在线工具来帮助您创建自定义网格 - 在线网格生成器