css中的跨列跨行

在 CSS 中，跨列和跨行是指将一个单元格扩展到相邻单元格中的一个或多个。 这在表格布局中非常有用，因为它可以使表格更容易阅读和更紧凑。

/* 跨列 */
td {
  grid-column: 1 / span 2;
} 

上述代码将表格中的单元格扩展到其右侧的下一个单元格。 前两个值是起始和结束列号，第三个值是要跨越的列数。

/* 跨行 */
td {
  grid-row: 1 / span 2;
} 

上述代码将表格中的单元格扩展到下一个单元格的下方。 前两个值是起始和结束行号，第三个值是要跨越的行数。

需要注意的是，这些属性只在 CSS 栅格布局中起作用。