css:table

table 标签

table 标签中常用的子元素:

• <tr>代表行
• <td>代表行中的单行格子

table 常用技巧

1. 单元格边框合并

table {
	border-collapse:collapse;
}

这样单元格与单元格之间就是看上去合并的效果, 中间没有空隙

2. 空单元没有数据单元格不展示

<table>
	<tr>
		<td>1</td>
		<td>2</td>
		<td></td>
	</tr>
</table>

table {
	border:1px solid black;
	empty-cells: hide;	
}

没有使用 empty-cells 的效果

使用了empty-cells: hide的效果