如何设置宽度,以便它可以除以某个值

时间:2014-10-12 20:35:46

标签: html css rounding divide

我需要创建宽度为90%页面的表格。但我还需要制作特殊网格。一些细胞是2 * 3,一些2 * 1,一些3 * 2,1 * 1等等。 " 1"是表宽度的九分之一。所以,我的目标是删除单元格之间的间隙,它们因为四舍五入而出现。实现它的最佳方法是什么?我已经使用所需的colspans和rowspans制作了html代码。如果我为colspan 3的单元格设置宽度33.33%,则采用所需的形式,依此类推。

所以,我明白,为了完美的情况,我需要将宽度分为9。例如,我可以使用javascript添加或减去1到4个像素,但我认为这不是很好的方法。

另外,我需要以特殊方式设置宽度百分比 - 如果我只写11.11%,22.22%,33.33%等等,我仍然有差距。但是,如果我将第一个单元格宽度从33.33%更改为33.32%,并且将最后一个单元格的宽度增加0.02%(例如),那么就可以了,确实没有间隙。至少在Chrome中。我知道,在不同的浏览器中,舍入是不同的。因此,我正在寻找设置这些百分比(或其他方法)的最佳方法,以使其完美。

我真的不相信,只使用css就可以实现它,但我仍然希望。

所以,我将非常感谢任何有用的想法。

抱歉英语不好:)

1 个答案:

答案 0 :(得分:0)

也许Masonry可能是适合你的解决方案http://masonry.desandro.com/