概述
在不适用第三方前端table插件或者框架时,使用table元素来构建表格,默认情况下可能会出现一些样式上的问题;
问题1--单元格之间存在缝隙
描述
默认情况下,table的单元格之间是存在缝隙的,如下图
原因
由于默认的样式属性值table-collapse
的属性值为separate
造成的;
解决方法
将table-collapse:separate;
重置为table-collapse: collapse;
,结果如下图:
在不适用第三方前端table插件或者框架时,使用table元素来构建表格,默认情况下可能会出现一些样式上的问题;
默认情况下,table的单元格之间是存在缝隙的,如下图
由于默认的样式属性值table-collapse
的属性值为separate
造成的;
将table-collapse:separate;
重置为table-collapse: collapse;
,结果如下图: