我需要创建宽度为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就可以实现它,但我仍然希望。
所以,我将非常感谢任何有用的想法。
抱歉英语不好:)