table使用技巧1--清除单元格之间的间隙

概述

在不适用第三方前端table插件或者框架时，使用table元素来构建表格，默认情况下可能会出现一些样式上的问题；

问题1--单元格之间存在缝隙

描述

默认情况下，table的单元格之间是存在缝隙的，如下图

单元格之间存在间隙.png

原因

由于默认的样式属性值table-collapse 的属性值为separate造成的；

解决方法

将table-collapse:separate;重置为table-collapse: collapse;,结果如下图：

结果.png