CSS网格框架中沟槽的要点是什么?

前端之家收集整理的这篇文章主要介绍了CSS网格框架中沟槽的要点是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在进行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...

猜你在找的CSS相关文章