我有一个简单的例子,在同一个网格上下文中混合float-span
和grid-span
mixins(即同一行中相同数量的列)
http://sassbin.com/gist/7812502/
正如你所看到的,我有3个项目,我想连续均匀地分开。我在项目1和3上使用float-span
first
和last
选项,使它们分别位于行的开头和结尾,这可以按预期工作。对于中间项目,我想要居中,我假设我可以使用grid-span
正确的位置让第二个项目在中间。但是,正在发生的事情是grid-span
的位置计数是在第一个浮动项占用的列之后开始的。这是预期的行为吗?换句话说,是否允许在同一网格上下文/行中混合float-span
和grid-span
?如果没有,Singularity中完成同样的事情的首选方式是什么?
我一直在搜索文档维基,特别是关于spanning the grid的部分,但是没有找到任何声明。并且演示似乎没有一起使用float-span
和grid-span
。
像往常一样感谢Singularity和任何帮助。
和平
PS。我已经尝试使用isolation-span
mixin代替grid-span
,结果相同。
答案 0 :(得分:1)
不建议在同一网格中混合使用浮点和隔离等输出样式。你应该选择隔离或漂浮并坚持下去。
这是你的sassbin调整了一下:http://sassbin.com/gist/7815953/