【发布时间】：2014-10-12 20:35:45
【问题描述】：
我需要创建页面宽度为 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 中。我知道，四舍五入在不同的浏览器中是不同的。所以我正在寻找最好的方法来设置这些百分比（或其他）以使其完美。
我不太相信，不用javascript，只用css就可以实现，但我还是希望。
因此，我将非常感谢任何有用的想法。
抱歉英语不好:)
【问题讨论】：
-
你能用小提琴或类似的东西吗？非常感谢您更好地理解线框。谢谢