概述
在不适用第三方前端table插件或者框架时,使用table元素来构建表格,默认情况下可能会出现一些样式上的问题;
问题1--单元格之间存在缝隙
描述
默认情况下,table的单元格之间是存在缝隙的,如下图
单元格之间存在间隙.png
原因
由于默认的样式属性值table-collapse
的属性值为separate
造成的;
解决方法
将table-collapse:separate;
重置为table-collapse: collapse;
,结果如下图:
在不适用第三方前端table插件或者框架时,使用table元素来构建表格,默认情况下可能会出现一些样式上的问题;
默认情况下,table的单元格之间是存在缝隙的,如下图
由于默认的样式属性值table-collapse
的属性值为separate
造成的;
将table-collapse:separate;
重置为table-collapse: collapse;
,结果如下图:
本文标题:table使用技巧1--清除单元格之间的间隙
本文链接:https://www.haomeiwen.com/subject/pcsplftx.html
网友评论