我正在进行Web开发,我正在玩蓝图CSS框架,其中包括一个网格系统,我有几个问题。
>沟槽的要点是什么?当然他们并不习惯在列之间加上空格,因为你可以使用margin的CSS属性,对吧?还是沟槽只是一种优雅的方式来管理利润?
>我不希望我的列之间有任何空格,并且希望生成一个不包含水槽的网格布局,但是所有的生成工具都阻止我使用零宽度的槽。这是为什么?
>不再支持the suggested Blueprint CSS generator。任何人都可以建议蓝图CSS生成器修改网格以包括零宽度的沟槽?
非常感谢你的智慧!
解决方法
CSS Grid系统背后的动机是完全自动化布局。沟槽通常是可取的,因为柱之间的空白使得更好的可读性,因此将它们作为自动化的一部分是有意义的。
发电机的存在理由是为了缓解实施它们所需的轻微乏味的计算,但是没有沟槽,数学和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...