2011-03-16 43 views
19

我正在潜心于Web开发,并且正在玩Blueprint CSS框架,其中包含一个网格系统,并且我有几个问题。CSS网格框架中的排水沟有什么意义?

  1. 什么是排水沟的地步?当然,他们不习惯包括列之间的空间,因为你可以使用边缘CSS属性,对吧?或者,排水沟是管理利润的优雅方式?
  2. 我不希望我的列之间的任何空间,并想生成网格布局不包括排水沟,但所有的生成工具,阻止我有零宽沟。这是为什么?
  3. 它似乎不再支持the suggested Blueprint CSS generator。任何人都可以提出一个蓝图CSS生成器来修改网格以包含零宽度的排水沟吗?

非常感谢你的智慧!

+0

不允许每个可能的输入的发电机是我不使用的发电机。 – 2011-03-16 21:24:59

+0

@Radek S,换句话说,你不使用生成器? –

+0

@尼克你是对的:) – 2011-03-17 06:16:39

回答

19

后面的CSS网格系统的动机是完全自动化的布局。排水沟通常是可取的,因为列之间的空白区域使得可读性更好,因此将它们作为自动化的一部分是有意义的。

发电机的存在理由是为了减轻实施它们所需的稍微乏味的计算,但如果没有排水沟,数学和css都不复杂。

这应该是非常简单的做一个没有排水沟电网没有发生。例如

(column width X nº of columns) + left margin + right margin = content width 

.span-1 {width:100px} 
.span-2 {width:200px} 
.span-3 {width:300px} 
.span-4 {width:400px} 

etc... 
+14

+1对于雷顿d'etre – Ryan

+2

我觉得这个答案不完全满足op的问题#1。排水沟是否通过边缘管理? –

+1

@ E.E.33 as bigmattyh says - “排水沟本身与CSS本身毫无关系......”。用于创建它们的CSS属性取决于实现者。 –

8

排水沟与CSS本身完全无关。它们是来自印刷出版的设计理念 - 它们旨在提供列之间的空白,使内容更易于阅读。

列没有排水沟很容易计算。只需为每列设置相同的像素宽度。