【发布时间】:2014-03-31 18:57:30
【问题描述】:
我有一个基本网格,我正在尝试使用简单的<div> 标签制作,但问题是行底部有额外的空间。为了更好地解释我的问题,请参阅fiddle。
有谁知道当列工作正常时,为什么行底部有额外的空间?还有一点额外的建议:高度是 4.5555555,因为边框是一个像素厚,而底行没有边框。
提前致谢。
【问题讨论】:
-
4.555 会舍入,你可以一直使用developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
-
您需要 div 来创建网格吗?为什么不使用画布之类的东西?
-
我需要轻松地操作行数和/或列数,为什么重复小数在其他地方也有效?而且我也看不出该链接对我的情况有何帮助。
-
部分问题是由于您的元素是 inline-block 并且每个 div 之间有空格
-
因此字体大小:0px;我很久以前就注意到了,它使条形图脱离图像,而不是在底部留出空间。