什么';CSS网格框架中的水槽有什么意义?

什么';CSS网格框架中的水槽有什么意义?,css,grid,blueprint-css,Css,Grid,Blueprint Css,我正在潜入web开发,我正在玩Blueprint CSS框架,其中包括一个网格系统,我有几个问题 排水沟有什么意义?当然,它们不用于在列之间包含空格,因为您可以使用margin-CSS属性,对吗?还是说排水沟只是管理利润的一种优雅方式 我不希望我的列之间有任何空间,我希望生成一个不包括檐槽的网格布局,但所有生成器工具都阻止我使用零宽度檐槽。为什么呢 它似乎不再受支持。有人能推荐一个Blueprint CSS生成器来修改网格以包含零宽度的排水沟吗 非常感谢你的智慧 CSS网格系统背后的动机是完全自

我正在潜入web开发,我正在玩Blueprint CSS框架,其中包括一个网格系统,我有几个问题

  • 排水沟有什么意义?当然,它们不用于在列之间包含空格,因为您可以使用margin-CSS属性,对吗?还是说排水沟只是管理利润的一种优雅方式
  • 我不希望我的列之间有任何空间,我希望生成一个不包括檐槽的网格布局,但所有生成器工具都阻止我使用零宽度檐槽。为什么呢
  • 它似乎不再受支持。有人能推荐一个Blueprint CSS生成器来修改网格以包含零宽度的排水沟吗

  • 非常感谢你的智慧

    CSS网格系统背后的动机是完全自动化布局。排水沟通常是可取的,因为立柱之间的空白有助于更好的易读性,所以将其作为自动化的一部分是有意义的

    生成器存在的理由是使您不必进行实现它们所需的稍微繁琐的计算,但如果没有水槽,数学和css一点也不复杂

    在没有发电机的情况下进行无排水沟电网应该是非常直接的。e、 g

    ( 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...
    

    水槽绝对与CSS本身无关。它们是印刷出版的一个设计概念——它们旨在提供栏目之间的空白,使内容更易于阅读


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

    不允许所有可能输入的生成器是我不使用的。@Radek S,换句话说,您不使用生成器?我不太确定,但我认为水槽是列之间的静态空间。我的意思是,与与列本身相关的边距不同,边沟是一个固定的物体(或黑洞或缝隙),它正确地定义了相邻列之间的距离。我觉得这个答案并不能完全满足op的问题1。水槽是否通过保证金管理?@E.E.33正如bigmattyh所说:“水槽与CSS本身完全无关……”。用于创建它们的CSS属性由实现者决定。@ChrisBentley谢谢!