hooyantsing's Blog

P64_4_细线表格与间距与空白单元格处理

字数统计: 95阅读时长: 1 min
2020/04/14

P64 4 细线表格与间距与空白单元格处理

border-spacing

单元格间距

9f57b7aef5e7fff9c1d0fae9c2ad6fac.png

1
2
//设置单元格与单元格之间的间距
border-spacing: ?px;

border-collapse

合并间距,间距为0

a9099a91180738a5b728e899405b6eb4.png

1
border-collapse: collapse;

empty-cells

隐藏空单元格

8fd6fdddc88ddc9fd129dc948f26b907.png

1
empty-cells: hide;

可尝试以下方式处理

解析:选取td标签空元素,将其隐藏。

1
2
3
td:empty{
    display: none;
}
CATALOG