基于 inline-block 的栅格系统

[lvwzhen]

根据一丝的「inline-block 前世今生」写了个栅格系统。

https://github.com/lvwzhen/IBG

[yangg]

lz能不能说说两个inline-block之前的换行空白是怎么搞掉的？

[zencoding]

个人觉得 stage.purecss.io 的栅格更舒服

[NemoAlex]

@yangg lz 的代码里是 font-size:0;

[yangg]

@NemoAlex 看到了，原来是和 letter-spacing 一起才起作用的


弱弱的问下， letter-spacing: 5px 中这个5px是怎么来的是？ font-size为0时，间距总是5？

[lvwzhen]

@yangg 一丝的「inline-block 前世今生」有详细讲解，可以看一下。
letter-spacing:-5px;是为了修复 Safari 等不支持字体大小为 0 的浏览器的 hack 。
http://ued.taobao.org/blog/2012/08/inline-block/

[lvwzhen]

@zencoding Pure中是也 inline-block 的栅格，同样是使用letter-spacing和word-spacing消除空白的。

[jsonline]

这样 hack 总觉得不好。

[tokki]

inline-block 略多坑 我本来用pure 后来都不用了

[yangg]

@lvwzhen 哦，谢谢，那在Chrome dev tools里，直接去掉font-size，你那个示例页面为什么只有最后一个.g-2会掉下来？