【问题标题】:html grid not styling correctlyhtml网格样式不正确
【发布时间】: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;我很久以前就注意到了,它使条形图脱离图像,而不是在底部留出空间。

标签: html css


【解决方案1】:

您可以使用百分比而不是使用像素,正如 Huangism 指出的那样,小数将被截断:

.row{
    height: 5.555555%;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-07-19
    • 2015-03-22
    • 2020-10-07
    • 1970-01-01
    • 1970-01-01
    • 2019-11-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多