2019年10月23日 HTML 4,589 views 0

HTML中的table表单元素colspan和rowspan表示表格跨行或者跨列，colspan和rowspan用于将行或者列合并，码笔记分享 table表单colspan和rowspan详细用法：

colspan是跨列（合并列），rowspan是跨行（合并行），用于td和th标签中。

colspan是指跨列，colspan用来合并列，colspan=2的话就是合并两列。colspan用来指定table中单元格横向跨越的列数。

col：英文解释为“列”，span是跨度、范围的意思。

rowspan是指跨行，rowspan用来合并行，rowspan=2的话就是合并两行。rowspan用来指定table中单元格纵向跨越的行数。 row：英文解释为“行”，span是跨度、范围的意思。

效果如下：

代码说明原理：HTML代码首先是一行一行的读，先读第1行，碰到了colspan＝"2"后，就会预先占2列的位置。然后读第2行，先读第1列，再读第2列。

效果如下：

代码说明原理：HTML代码一行一行到读，先读第1行第1列，读到第2列后，碰到rowspan="2"，预留2行的位置，然后再读第2行第1列。

效果如下：

效果如下：

标签：colspan rowspan table table colspan table rowspan table跨列 table跨行