我可以在960网格系统中使用精灵图像吗？

Question

我可以在960网格系统中使用精灵图像吗？如果是，则如何使用网格宽度管理特定精灵图像的宽度。有谁可以帮我解决上述问题？

Answer 1

使用960网格的过程非常简单，标记起来很快。

尝试以下方法。

<section id="wrap" class="container_12">

    <header class="grid_12">
        <h1>This is your Header</h1>
    </header>

    <article class="grid_8">
        <h2>This is a content section</h2>
    </article>

    <aside class="grid_4"?>
        <h3> this is a sidebar </h3>
    </aside>

    <footer class="grid_12">
        <p>this is the footer</p>
    </footer>

</section> <!--end wrap container - this container allows you to use the grid classes and creates your main column -->

检查960中的CSS是否有意义，网格是容器的分区，因此grid_6将是container_12等宽度的一半 - grid_8将是三分之二，aand grid_4将是第三个，显然， grid_12将占用容器的整个宽度。

至于使用精灵，只需在CSS中查看用于包含元素的grid_类的宽度，如果你没有使用其中一个类，那么960不会干扰你使用精灵一点都不。