使用基于百分比的列系统 - 处理小数？

Question

我正在尝试为我的网站创建一个响应式列系统。基本上，网格中的一个图像块，最终看起来与此类似：

黑线代表容器，颜色代表各种图像。

问题是，这种布局需要一个带有0个装订线的6列网格。使用百分比，每列需要重复16.66％，这很难保持准确。处理创建这样的事情的最佳方法是什么？我所知道的唯一方法是使用CSS将宽度设置为百分比，但是，就像我说的那样，使用小数位和所有内容很难保持准确。

Answer 1

如果我使用静态HTML生成完全相同的布局，我会有宽度为16.6％的倍数的类，并且每行最右边的div为100％（例如5x16.6％和1x17％） ）。听起来很乱，但是你可以用类似“二合一右”等类属性来干净利落地完成它。

就个人而言，我的OCD会迫使我重新考虑列数或添加排水沟以使所有内容干净利落。此外，如果您乐意提供与javascript相关的页面，对于这种类型的布局http://isotope.metafizzy.co/v1/index.html，这是一个非常棒的（已经响应的）jQuery插件。