Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用960.gs系统制作3列或4列布局?_Html_Css_960.gs - Fatal编程技术网

Html 如何使用960.gs系统制作3列或4列布局?

Html 如何使用960.gs系统制作3列或4列布局?,html,css,960.gs,Html,Css,960.gs,我使用960.gs网格系统,16列变体。我想做一个3列和4列的布局。如何使用960.gs详细说明这一点?上的演示仅显示带有2列的示例。或者,如果还有更多,这不是我需要的方式 所有列的宽度都应该相同 多谢各位。 daniel4列=16列布局中的4组 <div class="container_16"> <div class="grid_4">1</div> <div class="grid_4">2</div> &

我使用960.gs网格系统,16列变体。我想做一个3列和4列的布局。如何使用960.gs详细说明这一点?上的演示仅显示带有2列的示例。或者,如果还有更多,这不是我需要的方式

所有列的宽度都应该相同

多谢各位。
daniel

4列=16列布局中的4组

<div class="container_16">
    <div class="grid_4">1</div>
    <div class="grid_4">2</div>
    <div class="grid_4">3</div>
    <div class="grid_4">4</div>
</div>
3列=12列布局中的4组
<div class="container_16">
    <div class="grid_4">1</div>
    <div class="grid_4">2</div>
    <div class="grid_4">3</div>
    <div class="grid_4">4</div>
</div>
1. 2. 3. 4.
如果您也在使用CSS框架(我只使用设计模板),它应该有跨越多个列的类。此外,如果您使用12列表示4(3*4),则可以获得更宽的边沟