html 是否提供列跨度和行跨度的代码?

uubf1zoe  于 2023-02-20  发布在  其他
关注(0)|答案(1)|浏览(124)

期待的代码,为该图像,我已经附上

zsbz8rwp

zsbz8rwp1#

为了创建这样的表,您需要实现rowspan and colspan attributes.colspan,它表示单元格应该跨越的列数rowspan表示一个单元格应该跨越的行数(向下)。例如,如果我有一个<td colspan="2">标签,td元素将占用两列的空间。下面是该行为的一个示例:

table,
th,
td {
  border: 1px solid black;
  border-collapse: collapse;
}
<table>
  <tr>
    <td>Column 1</td>
    <td>Column 2</td>
  </tr>
  <tr>
    <td colspan="2">This element occupies the space of two columns.</td>
  </tr>
</table>

利用rowspancolspan,我能够创建代码来生成类似于您所附加的表的外观(CSS代码仅用于表的可见性):
一个二个一个一个

相关问题