在HTML表格中排除时髦空间

如果您使用表格进行页面布局 - 顺便说一句, 在XHTML中是不允许的 -很可能您会在布局中体验到难看的额外空间。 要解决这个问题,你需要检查你的HTML表格定义和任何管理样式表的细节。

HTML表格定义

默认情况下,表格的HTML标记不能控制某些间距要求。 验证HTML文档中有关表格标记的三件事情:

  1. 您的表格是否将cellpadding属性设置为0?
    1. CELLPADDING = “0”
  2. 您的表是否将cellspacing属性设置为0?
    1. CELLSPACING = “0”
  3. 在您的内容和表格标签之前或之后是否有空格?

3号是踢球者。 许多HTML编辑器喜欢将代码全部隔开,以便于阅读。 但许多浏览器将这些标签,空格和回车符解释为表格中所需的额外空间。 摆脱标签周围的空白,你会有更清爽的桌子。

样式表

但是,它可能不是HTML关闭的。 级联样式表可以控制表格的某些显示属性,并且根据页面的不同,您可能会也可能不会有意或无意地添加特定于表格的CSS。

扫描表格,thtd属性中的任何以下值的管理CSS文件,并根据需要进行调整:

备择方案

尽管您仍然可以使用HTML表格 - 该标准在当今的浏览器中已得到很好的支持并得到普遍支持 - 但大多数现代响应式Web设计使用级联样式表将元素放置在页面上。 表格仍然适用于显示表格数据的原始目的,但为了组织页面的布局和内容,您最好使用CSS布局。