我需要创建宽度为页面 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,但我仍然希望。
因此,我将非常感谢任何有用的想法。
抱歉英语不好:)
最佳答案
也许 Masonry 可能是适合您的解决方案 http://masonry.desandro.com/
关于html - 如何设置宽度,使其能够除以某个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26329699/