html - 如何设置宽度,使其能够除以某个值

标签 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 中。我知道,四舍五入在不同的浏览器中是不同的。所以我正在寻找设置这些百分比(或其他)以使其完美的最佳方法。

我真的不相信,它可以在没有javascript的情况下实现,只使用css,但我仍然希望。

因此,我将非常感谢任何有用的想法。

抱歉英语不好:)

最佳答案

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

关于html - 如何设置宽度,使其能够除以某个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26329699/

相关文章:

javascript - 将变量从 php 传递到 Javascript 或 ajax

javascript - Angular 5 - 无法从一个组件导航到另一个组件

html - 图像垂直居中,li 中宽度为 100%,尺寸固定

javascript - Microsoft Edge 不会在对 gzipped SVG 文件的 ajax 调用中呈现 SVG 样式元素

swift - 计算小数位数(Swift)

html - 当给定空白 : nowrap; 时,div 不占用同级的全宽

css - 选择一个 anchor (<a>) 和一个具有相同 :target 的 ID-ed div

html - 如果您使用的是 WordPress 循环,如何修复 Bootstrap 中的不均匀行?

python - numpy.linspace 浮点不准确

.net - CInt 不会一致地舍入 Double 值 - 如何删除小数部分?